CSS字體加邊框填充顏色的方法

在CSS中，我們可以使用border和background-color屬性來為字體添加邊框并填充顏色，下面是一個(gè)簡單的例子：

.font-style {
    border: 2px solid #000; /邊框樣式2像素寬，黑色 */
    background-color: #fff; /填充顏色白色 */
    padding: 5px; /內(nèi)邊距5像素 */
    margin: 10px; /外邊距10像素 */
}

在這個(gè)例子中，我們定義了一個(gè)名為.font-style的CSS類，并應(yīng)用了一些樣式規(guī)則，這些規(guī)則包括：

border屬性用于設(shè)置邊框的樣式，這里我們?cè)O(shè)置了一個(gè)2像素寬的黑色邊框。

background-color屬性用于設(shè)置填充顏色，這里我們?cè)O(shè)置了一個(gè)白色背景。

padding屬性用于設(shè)置內(nèi)邊距，這里我們?cè)O(shè)置了一個(gè)5像素的內(nèi)邊距。

margin屬性用于設(shè)置外邊距，這里我們?cè)O(shè)置了一個(gè)10像素的外邊距。

你可以將這些樣式規(guī)則應(yīng)用到你想要的HTML元素上。

<span class="font-style">這是一段帶邊框和填充顏色的文本。</span>

在這個(gè)HTML代碼中，我們創(chuàng)建了一個(gè)<span>元素，并給它應(yīng)用了我們之前定義的.font-style樣式類，這樣，這段文本就會(huì)顯示出一個(gè)帶有黑色邊框和白色背景的樣式。