使用CSS将轮廓样式设置为凹槽

要将轮廓样式设置为凹槽,请对值凹槽使用 outline-style 属性。在凹槽下,轮廓看起来像是刻在页面上的。 

示例

<html>
   <head>
   </head>
   <body>
      <p style = "outline-width:3px;outline-style:groove;">
         This text is having 3px groove outline.
      </p>
   </body>
</html>