在編寫HTML時,我們通常會用到一些標簽用于標記內容的類型、結構和語義。借助CSS,我們可以修改這些標簽的樣式,打造出獨特的頁面效果。下面我們來看看如何用CSS設置HTML標簽。
/* 為p標簽設置字體大小和顏色 */ p { font-size: 16px; color: #333 } /* 為h1標簽設置字體大小和顏色 */ h1 { font-size: 28px; color: #f00; } /* 為a標簽設置字體顏色及下劃線效果 */ a { color: #00f; text-decoration: underline; } /* 為ul和li標簽設置列表樣式 */ ul { list-style: none; } li { padding-left: 20px; background-image: url('images/square.png'); background-repeat: no-repeat; background-position: 0 5px; }
在上面的代碼中,我們使用了選擇器來分別選取不同的HTML標簽,并利用屬性值對其進行樣式設置。例如,為p標簽設置字體大小和顏色、為a標簽設置字體顏色及下劃線效果等。此外,為了美化頁面效果,我們還可以為列表添加背景圖片,使用background-image屬性進行設置。
通過上述示例我們可以看出,CSS是一種非常強大的樣式表語言,它可以修改HTML標簽的默認樣式,讓網頁呈現出自己的風格。同時,CSS還支持眾多的樣式效果和選擇器,為我們的網頁設計提供了極大的便利與靈活性。