在網頁設計中,CSS(層疊樣式表)是一種重要的樣式語言,它可以讓我們輕松地改變網頁的外觀和排版。下面是一些常用的CSS代碼,通過將這些CSS代碼嵌入到HTML代碼中,可以創建漂亮的網頁。
1. 改變字體樣式和大小:
p{ font-family: Arial, sans-serif; font-size: 16px; }這個代碼段將改變所有段落的字體為Arial字體,字號為16像素。 2. 改變背景顏色:
body{ background-color: #f0f0f0; }這段代碼將把整個頁面的背景顏色設置為淺灰色。 3. 調整邊框和邊距:
img{ border: 1px solid #ccc; margin: 5px; }這段代碼將為所有圖像添加1像素的實線邊框,并在圖像周圍添加5像素的外邊距。 4. 鏈接樣式:
a:link{ color: blue; text-decoration: none; } a:hover{ color: red; text-decoration: underline; }這段代碼將使所有鏈接在未被訪問時是藍色的、不帶下劃線的,當鼠標懸停在鏈接上時,鏈接將變成紅色并帶有下劃線。 5. 改變文本對齊方式:
h1{ text-align: center; }這段代碼將把所有一級標題居中對齊。 6. 設置透明度:
div{ opacity: 0.5; }這段代碼將使所有div元素的透明度為50%,看起來更柔和。 以上這些代碼只是CSS中可用的一小部分,你可以根據自己的需要進行更多的樣式設計。記住要將CSS代碼與HTML代碼結合起來,使其有效運行。
下一篇css分為哪三位