ROOT
ROOT
文章目录
  1. 设置背景:
    1. 背景颜色 (background-color)
    2. 背景图片 (background-image)
      1. 背景图片重复 (background-repeat)
      2. 背景图片显示 (background-attachment)
      3. 背景图片的位置 (background-position)
      4. 设置图片大小 (background-size)
      5. 背景复合属性 (background)
  2. 设置边框
  3. 边框样式 (border-style)
    1. 边框颜色 (border-color)
    2. 边框线宽 (border-width)
    3. 边框复合属性 (border)

CSS 设置背景与边框

清明节都呆在宿舍了,博客也没怎么写,书都看完了 = =

赶紧更新和室友打红警。。。

设置背景:

背景颜色 (background-color)

默认背景色为透明 (transparent)

{ background-color: transparent|color; }

背景图片 (background-image)

用于设定标记的背景图片。

{ background-image: none|url(url); }
背景图片重复 (background-repeat)

可设置图片的重复方式,包括水平重复,垂直重复和不重复等。

{ background-repeat: repeat|repeat-x|repeat-y|no-repeat; }
背景图片显示 (background-attachment)

该属性用来设定背景图片是否随文档一起滚动。

{ background-attachment: scroll|fixed; }
背景图片的位置 (background-position)

指定背景图片在页面所处的位置。

{ background-position: length|percentage|top|center|bottom|left|right; }
设置图片大小 (background-size)
{ background-size: [<length>|<percentage>|auto]|cover|contain; }
背景复合属性 (background)

综合了以上所有与背景有关的属性,可以一次性地设定背景样式。

{ background: [background-color][background-image][background-repeat][background-attachment][background-position][background-size][background-clip][background-origin]; }

设置边框

边框样式 (border-style)

主要用于为页面元素添加边框。

{ border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset; }

边框颜色 (border-color)

可以设置边框的颜色

{ border-color: color; }

边框线宽 (border-width)

设置边框的宽度。

{ border-width: medium|thin|thick|length; }

边框复合属性 (border)

集合了以上介绍的几种属性。

{ border: border-width|border-style|border-color; }
支持一下
扫一扫,支持Netcan
  • 微信扫一扫
  • 支付宝扫一扫