在 CSS 中,我們可以使用自定義樣式來優化我們的網頁。這里我們介紹幾種常見的自定義樣式:
/* 將鼠標光標變為手形 */ custom-class { cursor: pointer; } /* 改變字體顏色 */ .custom-class { color: #333; } /* 設置背景顏色 */ .custom-class { background-color: #f0f0f0; } /* 設置邊框 */ .custom-class { border: 1px solid #ccc; } /* 設置文本居中 */ .custom-class { text-align: center; }
通過在自己的樣式表中定義這些樣式,我們可以輕松地將它們應用到我們的 HTML 元素中。例如,可以將 "custom-class" 應用到要使用這些樣式的元素中:
<p class="custom-class">這是一段使用自定義樣式的文本</p>
這將會使這段文本應用上述自定義樣式。
除了以上介紹的樣式外,CSS 中還有更多的自定義樣式供我們使用,通過學習理解這些樣式,我們可以讓我們的網頁更加美觀。
上一篇css中絕對定位 居中
下一篇css中讓圖片黑白