在html中,可以透過為p標籤元素設定「border-style: dashed;」樣式來設定虛線邊框。 border-style屬性可以設定元素所有邊框的樣式,當屬性值為「dashed」時可定義虛線邊框樣式。
本教學操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。
在html中,可以透過為p標籤元素設定「border-style: dashed;
」樣式來設定虛線邊框。
.dashed {border-style: dashed} <p class="dashed">A dashed border</p>
css border-style 屬性
border-style 屬性用於設定元素所有邊框的樣式,或單獨為各邊設定邊框樣式。只有當這個值不是 none 時邊框才可能出現。 【推薦教學:CSS影片教學 、《html影片教學》】
可以設定的屬性值:
範例:
<!DOCTYPE html> <html> <head> <style type="text/css"> p.dotted {border-style: dotted} p.dashed {border-style: dashed} p.solid {border-style: solid} p.double {border-style: double} p.groove {border-style: groove} p.ridge {border-style: ridge} p.inset {border-style: inset} p.outset {border-style: outset} </style> </head> <body> <p class="dotted">A dotted border</p> <p class="dashed">A dashed border</p> <p class="solid">A solid border</p> <p class="double">A double border</p> <p class="groove">A groove border</p> <p class="ridge">A ridge border</p> <p class="inset">An inset border</p> <p class="outset">An outset border</p> </body> </html>
更多程式相關知識,請造訪:程式設計影片! !
以上是html中p怎麼設定虛線邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章!