css下margin、padding、border、background和font缩写示例

编辑：rootadmin

下面用一些比较常用的属性来做示例。 margin 　　margin-top:1px; 　　margin-right:1px; 　　margin-bottom:1px; 　　margin-left:1px; 　　代码简化为：margin:1px 　　margin-top:1px; 　　margin-right:2px; 　　margin-bottom:1px; 　　margin-left:2px; 　　代码简化为：margin:1px 2px 　　margin-top:1px; 　　margin-right:2px; 　　margin-bottom:3px; 　　margin-left:2px; 　　代码简化为：margin:1px 2px 3px 　　margin-top:1px; 　　margin-right:2px; 　　margin-bottom:3px; 　　margin-left:4px; 　　代码简化为：margin:1px 2px 3px 4px 　　注意：当属性值是0的时候单位可以不写如：0px 直接就写成0 padding 　　padding的书写方法和margin相类似　　padding-top:1px; 　　padding-right:1px; 　　padding-bottom:1px; 　　padding-left:1px; 　　代码简化为：padding:1px 　　padding-top:1px; 　　padding-right:2px; 　　padding-bottom:1px; 　　padding-left:2px; 　　代码简化为：padding:1px 2px 　　padding-top:1px; 　　padding-right:2px; 　　padding-bottom:3px; 　　padding-left:2px; 　　代码简化为：padding:1px 2px 3px 　　padding-top:1px; 　　padding-right:2px; 　　padding-bottom:3px; 　　padding-left:4px; 　　代码简化为：padding:1px 2px 3px 4px border 　　border-width:1px; 　　border-style:solid; 　　border-color:#; 　　代码简化为：border:1px solid # background 　　background-color:#CCFFFF; 　　background-image:url(图片路径); 　　background-repeat:repeat-x; 　　background-position:5px 4px; 　　代码简化为：background:#CFF url(图片路径) repeat-x 5px 4px font 　　font-size:px; 　　font-weight:bold; 　　font-family: “宋体”; 　　代码简化为：font:px bold “宋体” color属性值　　color:#; 　　color:#ff; 　　代码简化为：color:#, color:#f

推荐整理分享css下margin、padding、border、background和font缩写示例，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

用CSS来控制图片显示大小的代码 img,aimg{border:0;margin:0;padding:0;max-width:px;width:expression(this.width?"px":this.width);max-height:px;height:expression(this.height?"px":this.height);}

css常见问题解决方法小结 1.检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2.检查CSS是否

relative absolute无法冲破的等级问题解决第1/3页前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题：ulli第一块/lilispan第二块/span/lili第三块/lili第四块/lili第五块/li/ul如

标签: css下margin、padding、border、background和font缩写示例

本文链接地址:https://www.jiuchutong.com/biancheng/375294.html 转载请保留说明！

上一篇：css font缩写总结附实例(css fontstyle)

下一篇：用CSS来控制图片显示大小的代码(css怎么控制图片位置)