CSS樣式是一種用于改變網頁外觀的語言,可以對文本、圖片、圖表等元素進行樣式設置,并將其呈現在瀏覽器中。
通過CSS樣式,我們可以改變元素的背景顏色、字體樣式、邊框、寬高等視覺屬性。以下是一些常用的CSS樣式代碼:
/* 設置元素背景顏色為紅色 */ background-color: #FF0000; /* 設置字體顏色為白色,字體大小為16px */ color: #FFFFFF; font-size: 16px; /* 設置邊框為1px實線黑色 */ border: 1px solid #000000; /* 設置元素高度和寬度 */ height: 100px; width: 200px;
上述的樣式代碼可以通過CSS文件引用或直接在HTML文件中使用style標簽來添加樣式,例如:
樣式設置示例 這是一個樣式設置示例
在上述代碼中,我們通過style標簽為名為“container”的div元素設置了樣式,從而改變了其外觀。除了直接在HTML文件中使用style標簽,我們還可以通過外部CSS文件引用的方式添加樣式,例如:
引用CSS文件示例 這是一個樣式設置示例
在上述代碼中,我們通過link標簽引用了名為“style.css”的外部CSS文件,其中包含了名為“container”的元素的樣式設置。
總之,通過CSS樣式的使用,我們可以輕松地改變網頁元素的外觀,從而為用戶帶來更加美觀的視覺體驗。