Home
HTML
HTML
Tryit: HTML
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <style> p {border: 1px solid red;} p.a {outline-style: dotted;} p.b {outline-style: dashed;} p.c {outline-style: solid;} p.d {outline-style: double;} p.e {outline-style: groove;} p.f {outline-style: ridge;} p.g {outline-style: inset;} p.h {outline-style: outset;} </style> </head> <body> <h1>outline-style 属性</h1> <p class="a">虚线轮廓</p> <p class="b">虚线轮廓</p> <p class="c">坚实的轮廓</p> <p class="d">双轮廓</p> <p class="e">凹槽轮廓</p> <p class="f">脊线轮廓</p> <p class="g">内嵌轮廓</p> <p class="h">外部轮廓</p> </body> </html>