草庐IT

下划线

全部标签

html - CSS:为大下行字体制作厚 <a:hover> 下划线的正确方法

我是CSS初学者。基本上我有以下html:ОнасГалерея我想在我的a标签上悬停时有一个粗下划线,但我使用了带有大下行的自定义字体,所以如果我为此使用常见的技巧:a:hover{text-decoration:none;border-bottom:2pxsolid;padding:0;margin:0;}下划线远低于基线:但我希望它看起来像这样:我试着这样做:ОнасГалерея.over{font-size:30px;height:30px;//makesthetextoverlapthiselementoverflow:visible;}.over:hover{border

html - CSS:为大下行字体制作厚 <a:hover> 下划线的正确方法

我是CSS初学者。基本上我有以下html:ОнасГалерея我想在我的a标签上悬停时有一个粗下划线,但我使用了带有大下行的自定义字体,所以如果我为此使用常见的技巧:a:hover{text-decoration:none;border-bottom:2pxsolid;padding:0;margin:0;}下划线远低于基线:但我希望它看起来像这样:我试着这样做:ОнасГалерея.over{font-size:30px;height:30px;//makesthetextoverlapthiselementoverflow:visible;}.over:hover{border

下划线下一个字符的 HTML 字符代码

喜欢:abcdef_我需要在b之前插入什么HTML字符代码使b有下划线?我需要在html属性(输入字段的值)中使用它,所以html标签如NotAcceptable例子:我想要UnderlineMeifUknowHow的第一个“n”加下划线 最佳答案 您可以简单地将̲放在任何单词之后,它就会变成带下划线的,这是一个HTML代码。它变成了:结束但是您可以创建一个JavaScript函数来为您做这件事,请参阅:functionunderlineWord(pos,str){str=str.substring(0,pos)+str[pos]+

下划线下一个字符的 HTML 字符代码

喜欢:abcdef_我需要在b之前插入什么HTML字符代码使b有下划线?我需要在html属性(输入字段的值)中使用它,所以html标签如NotAcceptable例子:我想要UnderlineMeifUknowHow的第一个“n”加下划线 最佳答案 您可以简单地将̲放在任何单词之后,它就会变成带下划线的,这是一个HTML代码。它变成了:结束但是您可以创建一个JavaScript函数来为您做这件事,请参阅:functionunderlineWord(pos,str){str=str.substring(0,pos)+str[pos]+

javascript - 悬停时如何增加多行文本的下划线宽度

码友们,我正在尝试实现自定义text-decoration:underline;之间多行文本的效果标签。类似的,如下图所示。您是否介意分享一些针对此问题的想法或解决方案。你认为只用CSS使用:before有可能实现结果吗?:after还是需要JS来处理?非常感谢所有可能的帮助。会很期待。 最佳答案 在做了一些research之后如果你放一个似乎就可以做到在里面并添加box-shadow到那个。这比border效果更好因为border必须仅显示在文本下方。这允许下划线与文本相交。这是一个添加的元素,但它不需要您分解它自己的所有内容元素

javascript - 悬停时如何增加多行文本的下划线宽度

码友们,我正在尝试实现自定义text-decoration:underline;之间多行文本的效果标签。类似的,如下图所示。您是否介意分享一些针对此问题的想法或解决方案。你认为只用CSS使用:before有可能实现结果吗?:after还是需要JS来处理?非常感谢所有可能的帮助。会很期待。 最佳答案 在做了一些research之后如果你放一个似乎就可以做到在里面并添加box-shadow到那个。这比border效果更好因为border必须仅显示在文本下方。这允许下划线与文本相交。这是一个添加的元素,但它不需要您分解它自己的所有内容元素

html - 如何通过悬停摆脱 <a> 标签内 <span> 上的下划线?

fiddleHTMLMessages1CSSa{text-decoration:none;}a:hover{text-decoration:underline;}a:hoverspan{text-decoration:none;}span{background-color:red;border-radius:999px;color:white;margin-left:2px;position:relative;top:-.5em;font-size:.75em;font-weight:bold;padding:0.3em;}当您将鼠标悬停在链接上时,下划线将应用于即使我设置了text-

html - 如何通过悬停摆脱 <a> 标签内 <span> 上的下划线?

fiddleHTMLMessages1CSSa{text-decoration:none;}a:hover{text-decoration:underline;}a:hoverspan{text-decoration:none;}span{background-color:red;border-radius:999px;color:white;margin-left:2px;position:relative;top:-.5em;font-size:.75em;font-weight:bold;padding:0.3em;}当您将鼠标悬停在链接上时,下划线将应用于即使我设置了text-

html - 调整文字上划线的粗细

我有一个具有以下CSS属性的元素:text-decoration:overline;text-decoration-color:blue;问题是上划线非常小而且根本不是很粗。我想增加这条上划线的粗细。我做了一些研究,看起来没有CSS属性可以增加上划线的粗细。我已经阅读了一些关于添加顶部边框的内容,但是顶部边框并没有位于文本的正上方,而是将整个元素在页面上向下移动。因为我在Bootstrap导航栏中执行此操作,元素向下移动是一个相当大的问题。关于如何使上划线更明显并增加线条的粗细有什么想法吗?下面是完整的代码片段,包括我正在使用的HTML。.active{text-decoration:

html - 调整文字上划线的粗细

我有一个具有以下CSS属性的元素:text-decoration:overline;text-decoration-color:blue;问题是上划线非常小而且根本不是很粗。我想增加这条上划线的粗细。我做了一些研究,看起来没有CSS属性可以增加上划线的粗细。我已经阅读了一些关于添加顶部边框的内容,但是顶部边框并没有位于文本的正上方,而是将整个元素在页面上向下移动。因为我在Bootstrap导航栏中执行此操作,元素向下移动是一个相当大的问题。关于如何使上划线更明显并增加线条的粗细有什么想法吗?下面是完整的代码片段,包括我正在使用的HTML。.active{text-decoration: