http://www.d000.cn/epark/attachments/file/css1.html
简单介绍一下重要代码:
1:圆角效果的实现
xhtml代码:
这句很简单,就是用这个标签在网页占八行的位置(上边4行,下边4行)
相关CSS:
/*圆角框*/
b.rtop, b.rbottom{
display:block;
background: #668995
}
b.rtop b, b.rbottom b{
display:block;height: 1px;
overflow: hidden;
background: #81a6b3
}
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}
这段代码就很容易明白,就是填充每一行,然后设置不同的左右边距,就实现了圆角效果,相关CSS的设置可以参考CSS2.0中文手册.
2:选项卡效果的实现
找工作
查看更多关于DIV+CSS+js制作圆角选项卡效果_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did102539