Bordure de modèle de bo?te HTML+CSS facile à démarrer (partie 1)
La bordure du modèle de bo?te est la ligne entourant le contenu et le remplissage. Vous pouvez définir l'épaisseur, le style et la couleur de cette ligne (trois attributs de la bordure).
Le code suivant :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>邊框</title> <style type="text/css"> p{ border:1px solid red; /*也可分開來寫*/ /* 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ì)黑 給我快樂為我傷心流眼淚 給我寬容能讓我展翅高飛 你的話你的淚 你的笑你的美 在我眼中勝過最美的玫瑰 抱著夢(mèng)往前飛 不逃避不后退 你是我成功路上的堡壘! 給我翅膀 讓我可以翱翔 給我力量 是你讓我變堅(jiān)強(qiáng) 不怕受傷 因?yàn)橛心阍谏砼?nbsp; 你的笑你的淚 是我逐夢(mèng)路上最美的太陽 </p> </body> </html>
La couleur peut être écrite en hexadécimal #ccc #f60 etc.
La largeur en border-width (largeur de bordure) peut également être définie à?:
fin | moyen | épais (mais pas très couramment utilisé), les pixels (px) sont le plus couramment utilisés