标签: underline

有时你不希望下划线盲目地切入带下划线的页面标题!
有没有办法自动优雅地禁用某些小写字符的下划线？ 在这些情况下,更好的是不要强调这些小写字母{g,q,p,j, y}

CSS: h1{ text-decoration: underline; }
PAGE TITLE: George quietely jumped!

A)有没有办法可以达到如此精致和先进的造型规则？
B)我们想要强调哪些其他拉丁字符？
C)如何设置下划线的厚度/薄度？

我有一个文本链接,在悬停时加下划线.我正在>使用以下代码在链接的开头添加一个符号:

.box.blueb a { color: #0098aa; }
.box.blueb a:hover { text-decoration: underline; }
.box.blueb a:before { content: "> "; }
.box.blueb a:before:hover { text-decoration: none; }

但是,>当链接悬停时,我不希望该符号加下划线.我该如何实现这一目标？

没有任何特定的规律性,我的vim显示标签位置的下划线(见下文).

有时它也会出现在文本中:我输入并加下划线.

可能是什么原因？

我可以创建一个波浪下划线:
我只能得到一个坚实的边界:

.err {
  border-bottom:1px solid red;
  display: inline-block;
}

<div>A boy whose name was Peter was <div class="err">woking</div> down the street</div>

在WPF中,是否有一种简单的方法可以向FlowDocument元素添加波浪下划线(如Word中的拼写错误)？这是Underline班级,但似乎没有办法来设计它.

每当letter-spacing应用于具有下划线或下边框的内容时,下划线似乎超出了右侧的文本.有没有办法阻止下划线超出文本中的最后一个字母？

例如:

<span style="letter-spacing: 1em; border-bottom: 1px solid black;">Test</span>

也许它有可能具有固定的宽度<div>和边框,但这实际上不是围绕每个带下划线的元素的选项.

谢谢!

如何在WPF中创建Label文本Underline？我被困了,找不到下划线的任何财产:

<Label Name="lblUserName"
       Content="Username"
       FontSize="14" FontWeight="Medium" />

我的应用程序是它是一些在线文档,用户可以注释并为文本加下划线以供参考.现在,这可以由多个用户完成,因此需要为每个下划线设置不同的颜色.

所以基本的要求是我需要在它下面有一个带有多个下划线的文本.下划线颜色也应该不同.

我知道的很难的方法是我可以在行中添加div/span并将其放置在文本下但是在响应窗口的情况下处理位置可能有点困难.

有没有办法只使用文本属性？我用Google搜索并发现了这个链接

http://fsymbols.com/generators/lines/

他们使用fsymbols来生成下划线.但是我没有得到如何将其添加到我的应用程序中.它看起来也不会有不同的颜色.

任何更简单的方法或我只能做艰苦的方式？

你能用CSS制作圆帽下划线(如上图所示)吗？怎么样？

有没有办法做到这一点border-bottom？border-radius产生这种时尚效果:

嗨,
我现在正试图用HTML/CSS设置一些看起来像便利贴的东西.

我瞄准的形象

请注意,无论该行中有多少个字符,每行都应加下划线.每个新行都应该完全加下划线.

HTML:

<p>
    <img src="http://trööt.net/img/pin.png" alt="Stecknadel"/>
    <font>Heading</font><br />
    <span class="blockMargin">
    <span class="underline">
        <strong>Subheading</strong> text text text
    </span>
    </span>
</p>

CSS:

p {
    background-Color: #ffc; 
    padding: 1em; 
    width: 40em; 
    box-shadow: 5px 5px 3px 0px rgba(119,119,119,0.7); 
    text-align: justify;
}
img{
    float: None;  
    height: 4em; 
    display: block; 
    margin-left: Auto; 
    margin-right: Auto;
}

.blockMargin{
    display: block; 
    margin-bottom: -1px;
}

.underline{
    border-bottom: 1px dotted #c03;
}

这是我目前正在使用的代码(已经从stackoverflow.com获得了这个想法).但是,它没有强调完整的线条,但工作方式与text-decoration: underline... 完全相同

有任何想法吗？也许我应该补充一点,我使用WordPress和核主题来创建它.

非常感谢您的帮助!

关于JSFiddle的例子:http://jsfiddle.net/8w9Lj7nd/