html中的div+css怎么把下面的蓝色那一块设置成圆角
日期：2014-05-17 浏览次数：20608 次
html中的div+css如何把上面的蓝色那一块设置成圆角
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<title>搞定一个</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<head>
<style type="text/css">
.style1{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:2px solid #92B0DD;
background-color: #FFFFFf
}
.style1 h5{
margin: 1px;
background-color: #66CCFF;
height: 24px;
font-family: 隶书;
font-size:22px;
color: #FF9900;
text-align:center;
}
</style>
</head>
<body>
<div class="style1"><h5> 看看别人都再做什么？</h5></div>
</body>
</html>
------解决方案--------------------
如果是firefox 或者 chrome
那么可以
.style1 h5{
margin: 1px;
background-color: #66CCFF;
height: 24px;
font-family: 隶书;
font-size:22px;
color: #FF9900;
text-align:center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
ie的话 就要开始折腾了，可以用div来堆，可以用插件
楼主参考下
http://www.css88.com/archives/2230
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<title>搞定一个</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<head>
<style type="text/css">
.style1{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:2px solid #92B0DD;
background-color: #FFFFFf
}
.style1 h5{
margin: 1px;
background-color: #66CCFF;
height: 24px;
font-family: 隶书;
font-size:22px;
color: #FF9900;
text-align:center;
}
</style>
</head>
<body>
<div class="style1"><h5> 看看别人都再做什么？</h5></div>
</body>
</html>
------解决方案--------------------
如果是firefox 或者 chrome
那么可以
.style1 h5{
margin: 1px;
background-color: #66CCFF;
height: 24px;
font-family: 隶书;
font-size:22px;
color: #FF9900;
text-align:center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
ie的话 就要开始折腾了，可以用div来堆，可以用插件
楼主参考下
http://www.css88.com/archives/2230
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
