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