css之邊框
邊框可以應用到在主體元素body中的絕大部分HTML元素中。
建立一個包圍著元素的邊框,你所需要的是邊框樣式border-style
。它們的值可以是
solid
、dotted
、dashed
、double
、groove
、ridge
、
inset
和outset
。(你有必要每個值都試一試,看看效果如何——譯者注)
邊框寬度border-width
為邊框設定寬度,通常用畫素來表示。當然,還可以單獨設定四個方向的邊框屬性,它們是border-top-width
、border-right-width
、
border-bottom-width
和border-left-width
。
最後,邊框顏色border-color
設定顏色。
為下面的CSS文件新增如下程式碼:
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
這將會使所有的HTML二級標題(h2
)產生紅色的破折號(dashed)邊框,上下各3畫素寬,左右則各10畫素寬(取代了3畫素寬的全域性設定)。
相關文章
- CSS 邊框陰影立體邊框CSS
- CSS border邊框CSS
- CSS 3半透明邊框CSS
- css圓角矩形邊框CSS
- css動態邊框效果CSS
- CSS_邊框樣式CSS
- 如何使用CSS設定文字框的邊框CSS
- 教你玩轉CSS border(邊框)CSS
- 【叢林】CSS 邊框淺談CSS
- CSS 奇思妙想邊框動畫CSS動畫
- CSS實現流動邊框CSS
- CSS 邊框動態環繞CSS
- CSS border-radius 帶邊框CSS
- css揭祕 - 背景與邊框 [一]CSS
- CSS的秘密——背景和邊框(下)CSS
- CSS圖片邊框陰影效果CSS
- CSS 設定邊框透明度CSS
- CSS3多層邊框效果CSSS3
- CSS虛線邊框效果程式碼CSS
- css設定四角邊框CSS
- css實現的交叉邊框效果CSS
- css多重邊框程式碼例項CSS
- 簡解Css - 多變的邊框CSS
- CSS3邊框與圓角CSSS3
- css實現邊框陰影效果CSS
- css去掉table表格外圍邊框CSS
- CSS邊框盒子模型詳解CSS模型
- css-虛線邊框滾動效果CSS
- CSS border-collapse 細線邊框CSS
- CSS設定div邊框演示程式碼CSS
- CSS將邊框設定為虛線CSS
- CSS--border邊框顏色漸變CSS
- css3半透明邊框程式碼CSSS3
- css內邊框效果程式碼例項CSS
- css邊框陰影程式碼例項CSS
- css半透明邊框程式碼例項CSS
- css條紋邊框程式碼例項CSS
- 第 17 章 CSS 邊框與背景[上]CSS