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圓角矩形邊框CSS
- CSS 3半透明邊框CSS
- 【叢林】CSS 邊框淺談CSS
- CSS border-radius 帶邊框CSS
- CSS實現流動邊框CSS
- CSS 邊框動態環繞CSS
- 教你玩轉CSS border(邊框)CSS
- CSS 設定邊框透明度CSS
- CSS圖片邊框陰影效果CSS
- CSS border-collapse 細線邊框CSS
- CSS3多層邊框效果CSSS3
- CSS虛線邊框效果程式碼CSS
- css揭祕 - 背景與邊框 [一]CSS
- CSS的秘密——背景和邊框(下)CSS
- CSS 奇思妙想邊框動畫CSS動畫
- css設定四角邊框CSS
- CSS將邊框設定為虛線CSS
- CSS設定div邊框演示程式碼CSS
- CSS3 border-radius帶邊框CSSS3
- css-虛線邊框滾動效果CSS
- CSS 寫個帶邊框背景色透明的訊息框CSS
- 如何實現css漸變圓角邊框CSS
- CSS揭祕筆記(2):背景與邊框CSS筆記
- CSS3邊框動態環繞效果CSSS3
- CSS Grid 網格佈局邊框設定CSS
- CSS 小結筆記之解決flex佈局邊框對不齊CSS筆記Flex
- CSS3實現多樣的邊框效果CSSS3
- 漸變邊框文字效果?CSS 輕鬆拿捏!CSS
- 【基礎】CSS實現多重邊框的5種方式CSS
- 帶圓角的虛線邊框?CSS 不在話下CSS
- CSS 實現仿 Windows10 滑鼠照亮邊框效果CSSWindows
- 你該知道的《css揭祕》--背景與邊框篇CSS
- css實現四種常見邊框內外角組合CSS
- CSS影像邊框:Interop 2023的一個重點領域CSS
- 巧用 CSS 實現炫彩三角邊框動畫CSS動畫
- 小視訊原始碼,CSS 實現半透明邊框效果原始碼CSS
- 【WEB基礎】HTML & CSS 基礎入門(5)邊框與背景WebHTMLCSS