首頁  >  文章  >  web前端  >  css怎麼給文字加邊框

css怎麼給文字加邊框

藏色散人
藏色散人原創
2021-04-13 10:57:3311214瀏覽

css為文字加上邊框的方法:先建立一個HTML範例檔案;然後在body中定義文字內容;最後透過「border: medium solid red」樣式為文字加上邊框即可。

css怎麼給文字加邊框

本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

css為文字加上邊框:

CSS能夠對網頁中元素位置的排版進行像素級精確控制,支援幾乎所有的字體字號樣式,擁有對網頁物件和模型樣式編輯的能力。

下面我們來看一下使用css給文字加邊框的方法:

css可以透過border屬性為文字加邊框,

border 簡寫屬性在一個聲明設定所有的邊框屬性。

可以依序設定下列屬性:

border-width
border-style
border-color

屬性值:

border-width 規定邊框的寬度。

border-style 規定邊框的樣式。

border-color 規定邊框的顏色。

inherit 規定應該從父元素繼承 border 屬性的設定。

範例:

<html>
<head>
<style type="text/css">
p 
{
border: medium solid red
}
</style>
</head>
<body>
<p>文字边框</p>
</body>
</html>

效果圖:

css怎麼給文字加邊框

#【推薦學習:css影片教學

以上是css怎麼給文字加邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn