日期:2014-05-17  浏览次数:20849 次

帮忙看一下代码
{border:0;width:100%;padding:0;height:46px;color:#fff;font-size:38px;text-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;box-shadow:0 0 5px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);}
-----------------------------
border-radius在IE中完全不起作用

能帮忙做一下下图的CSS样式吗?非常感谢



------解决方案--------------------
Java code


<!DOCTYPE HTML PUBliC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=en dir=ltr xml:lang="en" 
xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>aaa</TITLE>
<META http-equiv=Content-Type content=text/html; charset=utf-8>
<style type="text/css">
body{background:#ecefff repeat top left;}
*{margin:0;padding:0;}
div{border:3px solid #e46c0a; border-bottom:none; width:160px; margin:20px; font-size:12px; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
h2{font-size:14px; text-align:center; line-height:35px; height:35px; background:#e46c0a; color:#fff;}
ul li{list-style:none; padding:10px 0; border-bottom:3px solid #e46c0a; color:gray;}
ul li p{padding:15px 0; text-align:center;}
ul li p a{color:#e46c0a; text-decoration:none;}
 </style> 
<body bgcolor="#195393">
<div>
 <h2>jains as</h2>
<ul>
<li>hdjfhdskfhjdk</li>
<li>hdjfhdskfhjdk</li>
<li>hdjfhdskfhjdk</li>
<li>hdjfhdskfhjdk</li>
<li>hdjfhdskfhjdk</li>
<li>hdjfhdskfhjdk</li>
<li>
 <p>jonsin</p>
 <p> jhgdskfghdkl<a href="#">letein</a></p>
</li>

</ul>
</div>
</body>
</html>