源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-08-19 05:07 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:css下margin、padding、border、background和font缩写示例
下面用一些比较常用的属性来做示例。  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:#000000;    代码简化为:border:1px solid #000  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:26px;    font-weight:bold;    font-family: “宋体”;    代码简化为:font:26px bold “宋体” color属性值    color:#000000;    color:#ff0000;    代码简化为:color:#000, color:#f00
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部