【网站制作视频教程】-第23讲 css列表-边框详解！-传智播客

网页设计视频教程下载地址：http://icd.itcast.cn/icd/video.shtml?from=wl

概要:
 看到许多网站的边框许多是圆角的,很漂亮,可是我作图本领不行,所以想想能不能用css实现呢?经过一番搜索,有了发现.主要原理大概是线条的重叠.下面做一番分析,如果有不妥,希望各位能纠正,在此先谢过了.

1.   CSS代码:

 1 
 2 
 3 
13 
14 
15 
16 
17 
18  简洁型css圆角矩形
19 

20 
21 

22 
23 

   2.   CSS样式分析
      从4-11行是定义的CSS样式.可以看出有b1-b4表示边框上边框, b1b-b4b表示边框下边框,b表示中间部分,如图所示