W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <style> p.ex1 {outline: dashed;} p.ex2 {outline: dotted red;} p.ex3 {outline: 5px solid yellow;} p.ex4 {outline: thick ridge pink;} </style> </head> <body> <h1>アウトライン属性</h1> <p class="ex1">点線の輪郭。 </p> <p class="ex2">赤い点線の輪郭。 </p> <p class="ex3">5 ピクセルの黄色の実線のアウトライン。 </p> <p class="ex4">太いピンク色の尾根の輪郭。 </p> </body> </html>