CSS可以用來給頁面中的各種元素添加框線,使頁面更加美觀。下面我們來學(xué)習(xí)如何設(shè)置框線:
// 設(shè)置所有元素的框線 * { border: 1px solid black; } // 設(shè)置特定元素的框線 p { border: 2px dashed blue; } // 設(shè)置不同方向的框線 div { border-top: 3px dotted red; border-right: 3px dotted green; border-bottom: 3px dotted blue; border-left: 3px dotted yellow; } // 設(shè)置圓角 button { border: 2px solid black; border-radius: 5px; }
以上代碼中,*表示所有元素,p表示段落元素,div表示 div 元素,button表示按鈕元素。通過設(shè)置不同的樣式屬性,我們可以實現(xiàn)不同的框線效果,如實現(xiàn)特定元素的框線、不同方向的框線以及圓角等等。
上一篇mysql 用逗號分隔
下一篇vue css放哪