想要給文字添加一個漂亮的邊框嗎?那就來試試CSS吧!
font-family: Arial, sans-serif; font-size: 1.5em; padding: 10px; border: 2px solid #ccc; border-radius: 5px;
以上是CSS代碼,我們來一步步解析:
font-family
用來設置字體樣式,這里使用了Arial字體,并在其后加上備用字體。font-size
用來設置字體大小,1.5em表示相對于父元素的大小。padding
用來設置文字和邊框之間的間距。border
用來設置邊框樣式,包括邊框粗細、顏色和樣式。border-radius
用來設置邊框圓角。
以上設置的屬性值可以根據需要進行修改,如下所示:
font-family: "Microsoft YaHei", sans-serif; font-size: 2em; padding: 20px; border: 3px dotted #f00; border-radius: 10px;
這次我們使用了"Microsoft YaHei"字體,同時將字體大小設置為2em,將文字和邊框之間的間距也加大了一些。邊框顏色使用了紅色,樣式改為了點狀,且邊框寬度也加大了一些;同時將圓角的值也調整為10px。
通過以上示例,我們發現CSS能夠為文本添加各種各樣的樣式,從而提高網站的美觀程度。當然,我們還可以進行更多的嘗試和實踐,讓網頁更加生動有趣。
上一篇css添加波浪線