css 样式，怎样控制下划线长度

css 样式，怎样控制下划线长度

加div，把有下划线的那几个字放在<div class=“有下划线的样式”>这里</div>，2014-08-17

　　静态下划线
　　a#example4a {
text-decoration: none;
background: url(’/pic/20069/200696144112132.gif’) repeat-x 100% 100%;
white-space: nowrap;
padding-bottom: 10px
}
　　浮动花朵效果下划线
　　a#example4b {
text-decoration: none;
white-space: nowrap;
padding-bottom: 10px;
}
　　a#example4b:hover {
background: url(’/pic/20069/200696144112132.gif’) repeat-x 100% 100%;
}
　　静态箭头下划线
　　a#example1a {
text-decoration: none;
background: url(’/pic/20069/200696144112997.gif’) repeat-x 100% 100%;
white-space: nowrap;
padding-bottom: 5px
}
　
　　浮动动画箭头下划线 （这里箭头会出现滚动，不过这一滚动图片的效果只在部分浏览器中看得到）
　　a#example2b {
text-decoration: none;
white-space: nowrap;
padding-bottom: 5px;
}
　　a#example2b:hover {
background: url(’/pic/20069/200696144113188.gif’) repeat-x 100% 100%;
}

实现链接的虚线下划线效果
a {
color:#3399FF;
font-weight:Normal;
text-decoration:none;
}
　　a:hover {
color:#4499EE;
text-decoration:none;
border-bottom: 1px #0099CC dotted
}
　　a{}控制连接的效果 a:hover{}控制鼠标移上去的效果。2015-08-12

其实可以写个div，给div的下边框加上线条，控制div的长度就可以了
.token { width: 300px; border-bottom: 1px solid black;}<div class="token">外婆家私房菜:账户管理</div>2019-02-26

你说的啥子东西！2018-06-07