CSS文字添加邊框是一種常見(jiàn)的效果,可以使文本更加突出或增加一些裝飾性。下面介紹兩種方法。
p { border: 1px solid black; /* 邊框?yàn)楹谏珜?shí)線,1像素寬 */ padding: 10px; /* 文字到邊框的距離為10像素 */ }
以上代碼會(huì)給所有的p標(biāo)簽文字添加一個(gè)黑色實(shí)線邊框,距離文字10像素。也可以為不同的文字設(shè)置不同的邊框,如下:
.border { border: 2px dashed red; /* 邊框?yàn)榧t色虛線,2像素寬 */ padding: 5px; /* 文字到邊框的距離為5像素 */ }
以上代碼會(huì)給類名為"border"的文字添加一個(gè)紅色虛線邊框,距離文字5像素。可以通過(guò)給不同的p標(biāo)簽添加該類名來(lái)實(shí)現(xiàn)不同的文字邊框效果。