W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <style> body { text-align: center; } /* 4 つの値 */ p.four { border-style: dotted solid double dashed; } /* 3 つの値 */ p.three { border-style: dotted solid double; } /* 2 つの値 */ p.two { border-style: dotted solid; } /* 価値 */ p.one { border-style: dotted; } </style> </head> <body> <h1>独立した境界線</h1> <p class="four">4 つの異なる境界線スタイル。 </p> <p class="three">3 つの異なる境界線スタイル。 </p> <p class="two">2 つの異なる境界線スタイル。 </p> <p class="one">ボーダースタイル。 </p> </body> </html>