圆角边框为什么右边的圆角没有显示出来呢？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.box{width:200px; margin:30px auto;}
.boxHead{ background:url(headbackT.jpg) repeat-x; height:9px; overflow:hidden;}
.boxHeadL{ background: url(headl.jpg) no-repeat;}
.boxHeadR{ background: url(headbackr.jpg) no-repeat right:0; height:9px;}
</style>
</head>
<body>
<div class="box">
<div class="boxHead">
<div class="boxHeadL">
<div class="boxHeadR"></div>
</div>
</div>
</div>
</body>
</html>
图像789浏览 1833回答 1
1回答
-
阿贾大魔王
你难道不觉得你的框架有问题吗？他们的关系不应该是这样吗：<div class="box"> <div class="boxHeadL"></div> <div class="boxHead"></div> <div class="boxHeadR"></div> </div>你那样一个包含一个的是什么鬼。给每个div设置你需要的宽高，不要有的设了有的没设，很不规范；然后左浮动：float:left。.box{width:200px; margin:30px auto;} .boxHead{height:9px; width:160px; overflow:hidden; background:#000; float:left} .boxHeadL{height:9px; width:20px; background:#F06; float:left} .boxHeadR{height:9px; width:20px; background:#09C; float:left}你想要边框圆角可以用border-radius：*px，不过兼容性差一些，在ie依然是直角
随时随地看视频慕课网APP
Html/CSS