-
double计算规则查看全部
-
IE7 IE8下实现圆效果 dotted，overflow查看全部
-
border-width: thin(1px)\medium(3px)\thick(5px) 默认值：medinum查看全部
-
不支持百分比的： border、outline、box-shadow、text-shadow,...查看全部
-
不是正对齐的十字。。。需要自己调整 <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> .test{ color: #ccc; border: 1px solid; transition: color 0.25s; height: 200px; width: 200px; display: block; position: relative; } .test:before{ content: ""; border-top: 10px solid; position: absolute; top: 100px; left: 50px; width: 100px; } .test:after{ content: ""; border-left: 10px solid; position: absolute; top: 50px; left: 100px; height: 100px; } .test:hover{ color: #06c; } </style> </head> <body> <a href="" class="test"></a> </body> </html>查看全部
-
实现三道杠效果查看全部
-
.triangle{ width:600px; border:100px solid; border-color:transparent tranparent #c00; }查看全部
-
.triangle{ border-width:12px 20px; border-style:solid; border-color:red red transparent transparent; }查看全部
-
.triangle{ }查看全部
-
background-position默认相对左上方定位！查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>联系</title> <style type="text/css"> div.wrap { width:120px;height:20px;/*定义了div的长和宽*/ border-top:60px double;/*定义div边框的上边框样式：双线 60px：所以表现里面：上中下各20px*/ border-bottom:20px solid;/*定义div边框的下边框样式：一条实线 20px*/ } </style> </head> <body> <div class="wrap">这是一个div</div> </body> </html>查看全部
-
注释：CSS 没有定义 3 个关键字的具体宽度。 所以一个用户代理可能把 thin 、medium 和 thick 分别设置为等于 5px、3px 和 2px， 而另一个用户代理则分别设置为 3px、2px 和 1px。 参见：http://www.w3school.com.cn/css/css_border.asp查看全部
-
border实现三角形或梯形查看全部
-
border-top:60px double border-bottom:20px solid 用于画图查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box{border-left:200px solid pink;} .left{width:200px;margin-left:-200px;float:left;} .module{width:300px;background:yellow;} </style> </head> <body> <div class="box"> <nav class="left"> <!-- HTML5的新标签。定义导航链接的区域--> <a href="#">导航1</a> </nav> <section> <div class="module">模块1</div> </section> </div> </body> </html>查看全部
举报
0/150
提交
取消