W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> p {outline-color:red;} p.dotted {outline-style: dotted;} p.dashed {outline-style: dashed;} p.solid {outline-style: solid;} p.double {outline-style: double;} p.groove {outline-style: groove;} p.ridge {outline-style: ridge;} p.inset {outline-style: inset;} p.outset {outline-style: outset;} </style> </head> <body> <h1>outline-style 属性</h1> <p class="dotted">点状轮廓</p> <p class="dashed">虚线轮廓</p> <p class="solid">实线轮廓</p> <p class="double">双线轮廓</p> <p class="groove">凹槽轮廓。效果取决于 outline-color 值。</p> <p class="ridge">凸脊轮廓。效果取决于 outline-color 值。</p> <p class="inset">凹边轮廓。效果取决于 outline-color 值。</p> <p class="outset">凸边轮廓。效果取决于 outline-color 值。</p> </body> </html>