回顾一下~

背景:

background-color:背景颜色

background-image:背景图片,在页面中背景图在背景颜色上边

background-repeat:背景图片的平铺方式

常有:

  background-repeat:no-repeat——不平铺

             :repeat——平铺(默认)

             :repeat-x——横向平铺

             :repeat-y——纵向平铺            

background-position:背景图片的位置,图片默认出现在左上角

常有:

  background-position:top——上

            :bottom——下

            :left——左

            :right——右

            :center——居中

  background-position还可以使用空格和像素来达到靠右下角并且留有一定距离的效果

 

边界与边框:

      margin:外边距,用像素表示,顺序依次为上右下左,顺时针方向,也可以分别用margin-top/right/bottom/left来设置,如果只写一个表示四个方向的距离均为此值.

      padding:内边距,和margin相同,都是用像素,上右下左,也可以分别设置,如果使用了padding,该元素会相应变大.

      border:边框,可以同时设置宽度,颜色,边框线,用空格隔开,也可以单独设置,border也可以单独设置上/下/左/右边框,边框的大小也是包含元素里面的.

 

posted @ 2017-06-13 13:39  nozuonodai  阅读(189)  评论(0编辑  收藏  举报