急画双下划线的样式
日期：2014-05-17 浏览次数：20882 次
急求一个画双下划线的样式.
我想知道样式表里怎么在一行文字下面加两条线.谢谢!
------解决方案--------------------
用text-decoration:underline和带下边框的span双重定义，应该可以！
------解决方案--------------------
<span style= "border-bottom:2pt double #000000 "> 双下划线 </span>
------解决方案--------------------
<style type= "text/css ">
.mylink{
text-decoration:none;
}
.mylink:hover{
color:red;
text-decoration:underline;
border-bottom:1px solid red;
}
</style>
<A HREF= "# " class= "mylink "> link </A>
------解决方案--------------------
没有这样的样式,上面都是作假~~`
------解决方案--------------------
回复人：leohuang(LEO) ( 两星(中级)) 信誉：99 2007-3-26 17:26:26 得分:0
<span style= "border-bottom:2pt double #000000 "> 双下划线 </span>
呵呵这个在标准兼容浏览器下面是双线的了。边框需要设置成3px大小，IE系列只有IE6看的出来
IE系列支持使用span.underline的效果 需要既text-decoration:underline; 不过需要设置行高才能见效了。 FF，opera的浏览器看到的是2px的边框.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=utf-8 " />
<title> 测试 </title>
<style type= "text/css ">
/* <![CDATA[ */
*
{
margin:0;
padding:0;
}
html,body
{
height:100%;
width:100%;
}
.clearBoth
{
clear:both;
}
span
{
line-height:1.5em;
border-bottom: 3px double #333333;
}
span.underline
{
line-height:1.5em;
text-decoration:underline;
border-bottom:1px solid #333333;
}
/* ]]> */
</style>
</head>
<body>
<span> Test hello </span>
<span class= "underline "> Test hello </span>
</body>
</html>
------解决方案--------------------
<span style= "border-bottom:1px solid #000;padding-bottom:2px; "> <span style= "text-decoration:underline "> sldfjlsd </span> </span>
------解决方案--------------------
回复人：wsfyhy() ( 一级(初级)) 信誉：100 2007-3-27 11:54:37 得分:0
?
改成
<span style= "border-bottom:1px solid #000;padding-bottom:2px;text-decoration:underline "> sldfjlsd </span>
我想知道样式表里怎么在一行文字下面加两条线.谢谢!
------解决方案--------------------
用text-decoration:underline和带下边框的span双重定义，应该可以！
------解决方案--------------------
<span style= "border-bottom:2pt double #000000 "> 双下划线 </span>
------解决方案--------------------
<style type= "text/css ">
.mylink{
text-decoration:none;
}
.mylink:hover{
color:red;
text-decoration:underline;
border-bottom:1px solid red;
}
</style>
<A HREF= "# " class= "mylink "> link </A>
------解决方案--------------------
没有这样的样式,上面都是作假~~`
------解决方案--------------------
回复人：leohuang(LEO) ( 两星(中级)) 信誉：99 2007-3-26 17:26:26 得分:0
<span style= "border-bottom:2pt double #000000 "> 双下划线 </span>
呵呵这个在标准兼容浏览器下面是双线的了。边框需要设置成3px大小，IE系列只有IE6看的出来
IE系列支持使用span.underline的效果 需要既text-decoration:underline; 不过需要设置行高才能见效了。 FF，opera的浏览器看到的是2px的边框.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=utf-8 " />
<title> 测试 </title>
<style type= "text/css ">
/* <![CDATA[ */
*
{
margin:0;
padding:0;
}
html,body
{
height:100%;
width:100%;
}
.clearBoth
{
clear:both;
}
span
{
line-height:1.5em;
border-bottom: 3px double #333333;
}
span.underline
{
line-height:1.5em;
text-decoration:underline;
border-bottom:1px solid #333333;
}
/* ]]> */
</style>
</head>
<body>
<span> Test hello </span>
<span class= "underline "> Test hello </span>
</body>
</html>
------解决方案--------------------
<span style= "border-bottom:1px solid #000;padding-bottom:2px; "> <span style= "text-decoration:underline "> sldfjlsd </span> </span>
------解决方案--------------------
回复人：wsfyhy() ( 一级(初级)) 信誉：100 2007-3-27 11:54:37 得分:0
?
改成
<span style= "border-bottom:1px solid #000;padding-bottom:2px;text-decoration:underline "> sldfjlsd </span>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
