background背景相關之背景顏色
阿新 • • 發佈：2020-10-28
css背景縮寫屬性可以在一個宣告中設定所有的背景屬性,css背景影象支援引入多個影象.
主要屬性有:background-color,background-image,background-repeat,background-position,background-attachment,background-size,background-origin,background-clip
background-color背景顏色:
- 指定要使用的背景顏色,例如:background-color:#ffcc00;
- 也可以簡寫為background;
- background-color不能繼承,其預設值是transparen,意思為"透明",也就是說一個元素沒有指定背景色，那麼背景色就是透明的,這樣其祖先元素的背景才能可見;
- transparent指定背景顏色應該是透明,這是預設的.
- inherit指定背景顏色,應該從父元素繼承.
background-color程式碼:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 h3{ 8 width: 650px; 9height: 32px; 10 /* background-color: orange; */ 11 background: orange;/*簡寫*/ 12 color: #fff; 13 text-align: center; 14 line-height: 32px; 15 } 16 div{ 17 width: 200px; 18 height: 200px; 19 background-color: darkcyan; 20 margin: 0 auto; 21 } 22 </style> 23 </head> 24 <body> 25 <h3>一個牛掰的seoer掌握幾門程式語言必不可少</h3> 26 <div></div> 27 </body> 28 </html>
background-color可以簡寫為background,文字對齊方式text-align,包含為center居中對齊,left居左對齊,right居右對齊
塊元素居中對齊和和文字居中對齊：
text-align:center控制文字內容居中,margin:0 auto控制塊級元素居中
height和line-height一致，文字內容垂直居中,line-height用來控制行間距(一行文字和一行文字的垂直間距)