怎么做圆角div，求DIV圆角的制作方法

本文目录一览

1，求DIV圆角的制作方法
2，CSS怎么设置圆角属性请给出divcss
3，请教大师div圆角边框是怎么做出来的呢
4，css里如何设计层div使层的边框为圆角的

1，求DIV圆角的制作方法

会切豆腐吧？需要3 * 3的9个div来实现，中间是内容，四个角放圆角图片，四条边用背景平铺，就这么简单

<p>你可以到这个网站看看 <a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fwww.netbei.com%2fweb%2f" target="_blank">http://www.netbei.com/web/</a>……</p>

又不是靠设DIV来改变圆角的。一般是用圆角图片还帮助实现的让圆角图片做为背景即可了

用上面两个圆角和下面两个圆角的两个图片构成的，并不能自动改变大小，我也没见过能自动改变大小的，有的话你告诉我是哪个网页有吧

求DIV圆角的制作方法

2，CSS怎么设置圆角属性请给出divcss

-webkit-border-radius: 10px; 只支持webkit内核的浏览器border-radius: 10px; 只支持IE内核的浏览器（IE>=7)-moz-border-radius : 10px; 只支持Mozilla内核的浏览器现在最大兼容性的做法是使用圆角图片做背景，来产生圆角效果

-webkit-border-radius: 10px; border-radius: 10px;

border-radius:30px;margin:0 auto;

楼上的是正确的，其实两个效果都是一样的不过是不同浏览器罢了-webkit-border-radius: 10px; border-radius: 10px;

#divwidth:100px;height:100px;background:#000000;//设置弯曲程度，当然也可以分别设置；比如只设置左下角：border-bottom-left-radius:10px;border-radius:10px;}

CSS怎么设置圆角属性请给出divcss

3，请教大师div圆角边框是怎么做出来的呢

方法一：可以用图片，就是把每一个圆角切下来，然后组合，方法二：也可以用代码，像这样： .m1{width:500px; height:1px; margin:0px auto; overflow:hidden;} .m2{width:502px; height:1px; margin:0px auto; overflow:hidden;} .m3{width:504px; height:1px; margin:0px auto; overflow:hidden;} .mid{ width:506px; margin:0px auto; overflow:hidden;} <div class="m1"></div> <div class="m2"></div> <div class="m3"></div> <div class="mid">内容</div> <div class="m3"></div> <div class="m2"></div> <div class="m1"></div>

请参考以下代码 <html> <head> <title>div圆角边框</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <style type="text/css"> div.RoundedCorner

请教大师div圆角边框是怎么做出来的呢

4，css里如何设计层div使层的边框为圆角的

目前圆角矩形的实现方法，基本有两种，一种是用纯css实现，不需要背景图片；另一种是用背景图像实现。但是，不管是哪一种，都有一个共同的缺点:需要使用很多代码来嵌套，而这些代码对搜索引擎来说毫无意义。在《css cookbook》一书中介绍了一种实现圆角矩形十分简洁的方法，那就是用nifty corners cube。这是nifty corners cube的下载地址：www.aa25.cn/uploadfile/month_0711/e20071130183245.rar 先看一个简单的例子：<script type="text/javascript" src="niftycube.js"></script> <script type="text/javascript"> window.onload=function(){ nifty("div#box","big"); } 如此简单！当页面圆角矩形很多的时候这种简洁就更显而易见了。下面具体介绍nifty corners cube的使用： nifty corners cube(以下简称nifty)是基于[url= http://baike.baidu.com/view/130692.htm]gnu gpl licence[url]的自由软件，整个程序代码不过10kb，包括一个js文件和一个css文件。使用nifty不需要背景图片，它会自动根据你的背景颜色匹配出圆角。使用nifty会用到两组参数：第一组是css选择符(css selector)，用来指定哪些单元(elements)需要改成圆角矩形；第二组是nifty提供的内部参数，用来定义圆角样式，方位等。第一组参数可以是：这里需要注意的是，若你的导航栏使用div标签，css选择符是#head .navigation时，参数的写法应该是div.navigation。第二组参数：下面看一些例子： 1.同时作用于两个层：示例： http://www.sz137.com/sz137/demo2.html 实现代码： nifty("div#content,div#nav"); 2.与背景图片完美结合：示例： http://www.sz137.com/sz137/demo3.html 实现代码： nifty("div#box","transparent"); 3.圆角导航栏：示例1： http://www.sz137.com/sz137/demo4_1.html 实现代码： nifty("ul#nav a","small transparent top"); 示例2: http://www.sz137.com/sz137/demo4_2.html 实现代码： nifty("ul#nav a","top"); 4.圆角按钮：示例： http://www.sz137.com/sz137/demo5.html 实现代码： nifty("ul#nav a","small transparent top"); 5.右上角不要圆角，固定高度：示例： http://www.sz137.com/sz137/demo6.html 实现代码： nifty("div#about li","tl bottom big fixed-height"); 6.same-height属性：示例： http://www.sz137.com/sz137/demo7.html 实现代码： nifty("div#content,div#nav","same-height");

border-radius:4px;这就是设置圆角的。不过ie7 ie8不兼容。如果是移动端开发，你就可以放心使用了。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>景安</title> <style type="text/css"> .zzidc </style></head><body> <div class="zzidc">测试</div></body></html>css中可以使用border-radius设置边框为圆角

好像不能吧，我每次做圆角效果的时候，那个圆角都是用图片的

一般都用图片来制作圆角。如果你不想用图片来做，你可以研究下现在这个页面。