最近一直在整理一些CSS的知识,稍加整理放上来与大家分享,希望对有需要的朋友有所帮助,别的不说,感兴趣的就接着往下看吧:
一、默认边框植
通常我们写一个元素的border属性会这样的写:
border: border-width border-style border-color;
例如“border:3px solid #000;”我们将元素的边框值设置为3px的黑色实线边框效果,然而这里唯一需要的值是“border-style”,因此,你要是这样写边框样式将会没有任何效果:
.elm {border: 3px red;}
此时浏览器将“border-style”解析成“none”。如果你这样设置又是一个不同的效果:
.elm {border: solid;}
此时元素的边框是实线效果,粗线将是其默认值。但是,什么是其默认值呢?边框border-width的默认值是“medium(大约等于3px~4px)”;而其默认颜色border-color将和字体颜色是一样的。