我們需要在網頁中高亮顯示某些位置的文字或圖片,這時候就需要用到CSS來指定特定位置的樣式,進行高亮顯示。
.highlight{ background-color: yellow; }
上述的CSS代碼定義了.highlight類,它的背景色為黃色,我們可以在HTML代碼中將需要高亮的位置的class屬性設為highlight,這樣就會將其背景色變成黃色:
<p class="highlight">這段文字會被高亮顯示</p>
除了背景色,還可以通過其他屬性實現高亮顯示,比如改變文字顏色、加粗等。
.highlight{ color: red; font-weight: bold; }
上述的CSS代碼定義了.highlight類,它的字體顏色為紅色,字體加粗。與之前相同,需要在HTML代碼中將需要高亮顯示的位置的class屬性設為highlight。
通過CSS指定位置高亮,能夠給網頁帶來更加突出的視覺效果,讓用戶更加容易地注意到相關內容,提升了用戶體驗。