HTML+CSSで簡(jiǎn)単に始められるボックスモデルボーダー(前編)
ボックスモデルの境界線は、コンテンツとフィラーを囲む線です。この線の太さ、スタイル、色(境界線の 3 つの屬性)を設(shè)定できます。
次のコード:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>邊框</title> <style type="text/css"> p{ border:1px solid red; /*也可分開(kāi)來(lái)寫(xiě)*/ /* border-width: 1px;*/ /*粗細(xì)*/ /* border-style: solid;*/ /*樣式,實(shí)線,虛線,等*/ /* border-color: red;*/ /*顏色*/ /* dashed(虛線)| dotted(點(diǎn)線)| solid(實(shí)線) 小伙伴們可以試一下*/ } </style> </head> <body> <p> 我的世界因?yàn)橛心悴艜?huì)美 我的天空因?yàn)橛心悴粫?huì)黑 給我快樂(lè)為我傷心流眼淚 給我寬容能讓我展翅高飛 你的話你的淚 你的笑你的美 在我眼中勝過(guò)最美的玫瑰 抱著夢(mèng)往前飛 不逃避不后退 你是我成功路上的堡壘! 給我翅膀 讓我可以翱翔 給我力量 是你讓我變堅(jiān)強(qiáng) 不怕受傷 因?yàn)橛心阍谏砼?nbsp; 你的笑你的淚 是我逐夢(mèng)路上最美的太陽(yáng) </p> </body> </html>
Color は 16 進(jìn)數(shù)の #ccc #f60 などで記述できます。border-width (ボーダー幅) の幅も次のように設(shè)定できます。 )、最も一般的な方法はピクセル (px) を使用することです