css樣式二

1、margin(外邊距)

margin位於盒子外邊框,指與其他盒子之間的距離。

外邊距的屬性

四個方向 margin-top 上外邊距 例子 margin-top:1px

               margin-right 右外邊距

               margin-bottom 下外邊距

              margin-left 左外邊距

縮寫形式    margin  在一個聲明中統一設置四個方向的外邊距   margin:1px 2px 3px 4px

2.border(邊框)

修飾屬性  border-color 邊框顏色

                 border-width 邊框寬度

                border-style  邊框樣式,

                常用的取值如下 none 無邊距

                                          solid 實線    dashed 虛線

四方方向 border-top 上邊距

                border-left 左邊距

               border-right 右邊距

              border-bottom  下邊框

縮寫形式  border 在一個聲明中統一設置四個方向的邊框屬性  border:1px solid red

                 border-left 等  border-left:1px solid red

3.padding (內邊距)     *padding值不允許爲負

四個方向  padding-top 內容與上邊框之間的距離  padding-top:5px;

                padding-right 內容與右邊框之間的距離 padding-right:5px

                padding-bottom 內容與下邊框之間的距離 padding-bottom:5px

                 padding-left 同上

縮寫形式 padding 在一個聲明中統一設置四個方向的填充屬性  padding:5px 10px 20px 40px

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章