4个回答
展开全部
方法就比较多了，目前用的大致有两种，虽然CSS3直接提供了相关属性，但不是一定要等它普及...
1是纯CSS，构建很多格子条条，下层比上层多或少一个像素，填充好纯色，大概6到8层可以做一个小弧了。这个高手可能用过，但现在很多人不用了，因为这个不仅有些麻烦，而且只做纯色的框。况且现在网速快了，背景也就几个k，很容易载，下面这个方法就比较主流了。
2是CSS和做图结合，用PS什么的画一个有圆弧的边框。
你可以直接画一个完整的圆角矩形，用一句background:url(图片地址)铺设到DIV上，这是长宽固定的。
要做变宽变长的框，就需要把圆角矩形分割，利用overflow:hidden或repeat:y这类属性结合着去铺设。具体分割成几块看个人习惯或具体要求。
贴个以前做的相关的图，不懂的再说啦。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
制作圆角边框，大致有两种方法，一种固定宽度圆角框，一种是可变宽度圆角框。必须要用图片做背景。向你推荐一本书《CSS设计彻底研究》，这本书中第11章专门介绍了圆角的设计方法，可以在网上下载书中的实例，研究研究。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css3可以，但是现在支持css3的只有最新版的浏览器，如google浏览器
<html>
<style type="text/css">
#box{
width:600px;
height:200px;
-webkit-border-radius:20px;
font-size: 9px;
color: #333;
line-height: normal;
font-weight: bolder;
font-size-adjust: 78px;
background-color: #900;
-moz-border-radius: 20px;
}
</style>
<body>
<div id="box">
</div>
</body>
</html>
<html>
<style type="text/css">
#box{
width:600px;
height:200px;
-webkit-border-radius:20px;
font-size: 9px;
color: #333;
line-height: normal;
font-weight: bolder;
font-size-adjust: 78px;
background-color: #900;
-moz-border-radius: 20px;
}
</style>
<body>
<div id="box">
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
知无不言
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
