• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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
    您可能感兴趣的文章:
    • CSS学习笔记Padding 属性中参数的定义与使用
    • Class与ID区别 margin和padding区别 CSS学习笔记
    • CSS百分比padding制作图片自适应布局
    上一篇:css font缩写总结附实例
    下一篇:用CSS来控制图片显示大小的代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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