設定display屬性為grid
display:gridgrid-template-columns屬性：
grid-template-columns: 50% 50%;grid-template-rows屬性：
grid-template-rows: 20px 20px;grid-column-gap屬性：這將在我們所有列之間建立10px的空白空間。
grid-column-gap: 10px;grid-row-gap：為行高建立間隙5px。
grid-row-gap:5px;grid-gap屬性：行間隙10px，列間隙20px
grid-gap:10px 20px;到目前為止，已討論的所有屬性都適用於網格容器。該grid-column屬性是第乙個用於網格專案本身的屬性。
假設建立網格的水平和垂直線稱為線。這些行的編號從網格左上角的1開始，向右移動以表示列，向下移動以表示行，向上計數。
這是乙個例子：
grid-column: 1 / 3;CSS屬性總結
系統總結一下css，解決沒認真學過css的歷史遺留問題。把列表項顯示為內聯元素 li把span元素作為塊元素 spanvisibility 還可能取值為 collapse 當設定元素visibility collapse後，一般的元素的表現與visibility hidden一樣，也即其會占用空間。...
常用CSS屬性總結
屬性 描述可能值 background 在乙個宣告中設定所有背景屬性 background attachment 設定背景影象是否隨著頁面的其餘部分滾動 scroll 預設值 fixed inherit background color 設定元素背景色 yellow 00ff00 rgb 255,0...
css屬性總結（一）
1 padding 不能出現負值 2 margin 可以出現負值 3 boder復合屬性 必須同時設定顏色 大小 樣式 方向性復合屬性值的縮寫方法 1個值 4個方向 margin 10px 所有4個外邊距都是10px 2個值 上下 左右 border width 5px 10px 上下邊框寬度為5p...