在網站設計中,CSS是一種非常常用的樣式修飾語言。通過CSS,我們可以輕易地美化我們的網站,讓用戶感受到更好的視覺效果。下面是幾個常用的樣式修飾:
/* 顏色樣式 */ .color { color: red; /* 文字顏色為紅色 */ background-color: yellow; /* 背景顏色為黃色 */ } /* 字體樣式 */ .font { font-size: 16px; /* 字體大小為16像素 */ font-family: 'Arial', sans-serif; /* 字體類型為Arial或者默認sans-serif */ font-weight: bold; /* 字體加粗效果 */ text-align: center; /* 文字居中對齊 */ } /* 邊框樣式 */ .border { border: 1px solid black; /* 邊框厚度為1像素,邊框樣式為實線,顏色為黑色 */ border-radius: 10px; /* 邊框圓角弧度為10像素 */ } /* 圖片樣式 */ .image { width: 200px; /* 圖片寬度為200像素 */ height: 150px; /* 圖片高度為150像素 */ margin: 10px; /* 圖片距離其他元素的間距為10像素 */ border: 2px solid blue; /* 邊框厚度為2像素,邊框樣式為實線,顏色為藍色 */ border-radius: 5px; /* 邊框圓角弧度為5像素 */ box-shadow: 2px 2px 5px grey; /* 圖片增加陰影效果 */ } /* 背景樣式 */ .background { background-image: url('background.jpg'); /* 背景圖像為background.jpg */ background-repeat: no-repeat; /* 背景圖像不重復 */ background-size: cover; /* 背景圖像占滿整個容器 */ }
以上是常用的樣式修飾語法,還有很多樣式可以使用。如果你想要學習更多的CSS知識,可以去W3schools學習。祝你學習愉快!
上一篇css開發注意事項