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;
【js圆角怎么写】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=http://www.xuexi88.com/zhishi/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>