育才学习网1.css圆角如何写,不要js,不要用br或者是div拼接起来的,要纯css代码
根据你所要求的，我只有两种办法：
第一种：
border-width:1px;
border-style:solid;
-moz-border-radius:11px;
-khtml-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
padding:5px;
以上的css属性控制一个div就有圆角框了，但部分浏览器不支持。
第二种：
将背景直接用一个圆角图片替换，此方法最简单
2.最简单的方法用DIV做圆角
我个人觉得最简单的还是用背景，用两张背景重叠，那HTML代码也会少点，比如：
一个要做圆角的DIV，设ID为bg
<div id="bg">
<div id="bg_left"></div>
</div>
让ID为bg的做个背景，背景向右对齐，向左延伸。
然后让ID为bg_left的浮动在左边，宽度BG的。
bg_left的背景就是左边的圆角向右延伸，但宽度小于bg,bg的背景就是右圆角向左延伸，如不用做透明的话，宽度多少就无所谓了，当然，方向也可以反过来，让bg_left这个框float在右边。
明白我的意思吗？呵呵。
我的就是这样做的，
自己另存源码来看。
3.
body *{
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
} 上面的是CSS清理Body下所有元素的圆角，如果想用 js 或 jquery 来控制是否取消圆角的话，改成
body.noradius *{
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
//注意空格 body 与 .noradius 之间无空格，dius 与 * 之间有空格
然后 利用 js 或 jquery 给body 添加 class="noradius":
$('xxx').addClass('noradius') //会去掉所有圆角
4.CSS实现圆角框的代码怎么写呢
htmlheadstyle type=text/cssbody{background-color: #FFF;}div#nifty1{ margin: 0 10px;background: #9BD1FA;}div#nifty2{ margin: 0 10px;background: #9BD1FA;}div#nifty3{ margin: 0 10px;background: #9BD1FA;}div#nifty4{ margin: 0 3px;background: #9BD1FA;}div#nifty5{ margin: 0 3px;background: #9BD1FA;}b。
rtop, b。rbottom{display:block;background: #FFF}b。
rtop b, b。rbottom b{display:block;height: 1px; overflow: hidden; background: #9BD1FA}b。
r1{margin: 0 5px}b。r2{margin: 0 3px}b。
r3{margin: 0 2px}b。rtop b。
r4, b。rbottom b。
r4{margin: 0 1px;height: 2px}/stylemeta ; charset=gb2312title圆角表格/title/headbodytable width=100% cellpadding=0 cellspacing=0 tr td div id=nifty1 b class=rtop b class=r1/b b class=r2/b b class=r3/b b class=r4/b /b div style=height:120px； 公司确立ldquo；务实、创新、img src=r3。 jpg width=90 height=83 hspace=5 vspace=0 align=right规范、卓越rdquo；为企业经营理念，始终坚持以经济效益为中心，以房地产为主业，积极提高核心竞争力和凝聚力，！/div b class=rbottom b class=r4/b b class=r3/b b class=r2/b b class=r1/b /b/div /td /tr/table/body/html。
5.css 代码 ：div圆角矩形怎么写
朋友，我给你来个实例吧，希望采纳答案，谢谢。
CSS代码：
<style type="text/CSS">
div#nifty{margin:0;background:#9BD1FA}
p {padding:10px}
div.rtop {display:block;background:#fff}
div.rtop div {display:block;height:1px;overflow:hidden;background:#9BD1FA}
div.r1{margin:0 5px}
div.r2{margin:0 3px}
div.r3{margin:0 2px}
div.rtop div.r4 {margin:0 1px;height:2px}
</style>
HTML代码：
<div id="nifty"> <div class="rtop"> <div class="r1"></div> <div class="r2"></div> <div class="r3"></div> <div class="r4"></div> </div> <p>div + css 圆角矩形 </p> <div class="rtop"> <div class="r4"></div> <div class="r3"></div> <div class="r2"></div> <div class="r1"></div> </div> </div>