CSS 可以很方便地讓我們給文字添加一個灰色背景。只需要使用 CSS 屬性的組合就可以輕松實現這個效果。
我們可以首先通過 CSS 選擇器選中我們想要改變的文字。接著,在樣式中為這些文字添加如下屬性:
background-color: grey;
padding: 5px;
這個樣式將為選中的文字添加一個灰色背景,并在背景與文字之間添加一定的 padding,使其看起來更美觀。
下面是完整的 CSS 代碼:
pre {
background-color: grey;
padding: 5px;
}
當我們在 HTML 中使用 pre 標簽來顯示一段代碼時,就可以應用這個樣式,給代碼添加一個灰色背景,方便閱讀和理解。
例如:
function add(x, y) {
return x + y;
}
這將會顯示一段加法函數的代碼,它的背景會被設置成灰色,并且周圍有一些 padding 讓它看起來更好看。
總之,CSS 可以讓我們輕松地為文字添加一些背景色和其他樣式,讓我們的網頁看起來更加優美和易讀。上一篇css文字加粗的添加陰影
下一篇css文字前面的點