当前位置: 代码迷 >> HTML/CSS >> 急画双下划线的样式
  详细解决方案

急画双下划线的样式

热度:185   发布时间:2012-03-09 16:54:58.0
急求一个画双下划线的样式.
我想知道样式表里怎么在一行文字下面加两条线.谢谢!

------解决方案--------------------
用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>
  相关解决方案