网页制作12.30

DIV+CSS圆角边框
简洁型css圆角：

方法1：

简洁型css圆角矩形

code1:

复制代码

</head> <body> <div> <b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b> <div class="b d1 k"> <font style="font-size:26px;color:red; margin:0px 10px;">简洁型css圆角矩形</font> </div> <b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b> </div> 复制代码

方法2：

无图片实现圆角框

code2:

复制代码


无图片实现圆角框

复制代码

3D圆角矩形:

3D圆角矩形
CODE:

复制代码

</head> <body>

3D圆角矩形

复制代码

反向css圆角矩形:

反向css圆角矩形
CODE:

复制代码

反向css圆角矩形

复制代码

略带菱形的css圆角:

略带菱形的css圆角矩形
CODE:

复制代码

略带菱形的css圆角矩形

复制代码

特殊CSS圆角：

特殊css圆角矩形
CODE：

复制代码

特殊css圆角矩形

复制代码
posted @ 2021-01-01 20:08  妍妍a  阅读(69)  评论(0)    收藏  举报