Semper Fidelis » 日志 » 用CSS实现圆角效果
用CSS实现圆角效果
Rá 发表于 2006-09-23 11:14:08
google到的css技巧，mark下：
用CSS实现网页的圆角效果
相信用css建站的话会碰到实现圆角的问题，一般有两种解决办法:
1. 用表格不斷累加,設置每個表格寬度逐增或者逐減一個px;
2. 使用背景圖像;
其实也可以使用CSS代码的方法实现：
用CSS实现网页的圆角效果
相信用css建站的话会碰到实现圆角的问题，一般有两种解决办法:
1. 用表格不斷累加,設置每個表格寬度逐增或者逐減一個px;
2. 使用背景圖像;
其实也可以使用CSS代码的方法实现：
<style content="text/css"> div#nifty{margin:0;background:#9BD1FA;font-size:12px;} p {padding:0 5px;margin:0;} div.rtop {display:block;background:#fff} div.rtop div {display:block;height:1px;overflow:hidden;background:#9BD1FA} div.r1{margin:0 3px} div.r2{margin:0 2px} div.r3{margin:0 1px} div.rtop div.r4 {margin:0 1px;height:1px} </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> |
相关日志:
收藏:
QQ书签
del.icio.us
订阅:
Google
抓虾
最新评论
-
2007-02-12 01:06:20 http://u0haian.ycool.com/
相当专业~~~
呵呵 有机会可以认识认识
加了你的连接~
—黑暗文学小组—
