用CSS能定义出圆角的边框

时间:2005/10/8 16:04:35      阅读:2957     附件: 用CSS能定义出圆角的边框.rar (经验值:0)     下载:59

今又研究了用CSS能定义出圆角的边框,上了一些网站,哈哈,发现原来CSS做出来的效果爽极了,比表格做起来容易多了,代码少了很多,可以用纯CSS做,还可以用加图片来完成,帖一个代码出来:

 
   
   
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Web3.cn--DIV圆角方法一</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css"> div#nifty{ margin: 0 30%;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} </style> </head> <body> <div id="nifty"> <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b> Web3.cn--DIV圆角方法一 <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b> </div> </body> </html>
如图:
还可以做出很多种效果的呵,看下面的各种图,哈哈,自己看一下代码吧,在附件下。
评论
  • Re:用CSS能定义出圆角的边框  (2006/8/6 14:59:26) by 飘萍 
    个人觉得用图片做简单,如果一个多处用圆角的页面,这样编写css也挺烦的。
  • Re:用CSS能定义出圆角的边框  (2007/2/2 1:23:34) by wqzxw 
    请问图中那些效果的例子。你的附件中并没有啊。能否发个完整的案例包过来,谢谢
  • Re:用CSS能定义出圆角的边框  (2007/4/14 20:47:26) by jdsbj 
    还是感觉用图片方便一点!
  • Re:用CSS能定义出圆角的边框  (2007/5/11 10:23:10) by hy007 
    感觉图片方便
  • Re:用CSS能定义出圆角的边框  (2009/3/21 14:02:47) by ylp1588 
    根据个人喜好选择用哪种方式,用图片确实方便,但灵活性有限.
  • Re:用CSS能定义出圆角的边框  (2012/5/24 14:55:20) by DinoFung 

    我是用圖片的。

标 题:
 
姓 名:
 
主 页:

验证码:

评论:
 

Because of the cache,you may see your comments several minutes later.