码迷,mamicode.com
首页 > 其他好文 > 详细

回顾一下~

时间:2017-06-13 16:59:03      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:颜色   顺序   顺时针   bsp   image   pad   otto   背景颜色   表示   

背景:

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也可以单独设置上/下/左/右边框,边框的大小也是包含元素里面的.

 

回顾一下~

标签:颜色   顺序   顺时针   bsp   image   pad   otto   背景颜色   表示   

原文地址:http://www.cnblogs.com/zyhh/p/7000704.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!