+ -
当前位置:首页 → 问答吧 → 如何做一根有立体感的分隔栏?

如何做一根有立体感的分隔栏?

时间:2011-04-18

来源:互联网

不要用图片,就用CSS来做,应该如何搞?大概4px的高度!

作者: itinfm   发布时间: 2011-04-18

难,即使能,也难以兼容所有的浏览器。建议楼主还是老实点,用图片方式吧。

作者: changjay   发布时间: 2011-04-19


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />

 </HEAD>
<style type='text/css'>
.c{
background-color:#D4D0C8;
width:200px;
text-align:center;
padding:10px;
}

.split2{
padding:3px;
}
.split2 div{
border:none;
border-bottom:solid 1px #fff;
border-top:solid 1px #808080;
}
</style>
<div class='c'>
言语之间
<div class='split2'>
<div class='div1'></div>
<div class='div1'></div>
</div>
言语之间
<div class='split2'>
<div class='div1'></div>
<div class='div1'></div>
</div>
言语之间
<div class='split2'>
<div class='div1'></div>
<div class='div2'></div>
</div>
</div>
 <BODY> </BODY>
</HTML>

作者: KK3K2005   发布时间: 2011-04-19

热门下载

更多