使用CSS设置边框的样式

  • Z时代
  • 2024-01-10
  • 分类：综合

要设置边框样式，请使用 border-style属性。border-style属性允许您选择以下边框样式之一：

  • 无： 无边框

  • 实线： 边框是一条实线。

  • 点状： 边框是一系列点。

  • 虚线： 边框是一系列短线。

  • double：边框是两条实线。

  • 凹槽：边框看起来像刻在页面上。

  • 脊： 边框看起来与凹槽相反。

  • 插图： 边框使框看起来像嵌入在页面中。

  • 开始：边框使框看起来像是从画布中出来的。

  • 隐藏：除在表格元素的边界冲突解决方面，其他均与否相同。

示例

您可以尝试运行以下代码来设置边框的样式：

<html>
   <head>
   </head>
   <body>.
      <p style = "border-width:4px; border-style:none;">
         This is a border with none width.
      </p>
      <p style = "border-width:4px; border-style:solid;">
         This is a solid border.
      </p>
      <p style = "border-width:4px; border-style:dashed;">
         This is a dashed border.
      </p>
      <p style = "border-width:4px; border-style:double;">
         This is a double border.
      </p>
      <p style = "border-width:4px; border-style:groove;">
         This is a groove border.
      </p>
   </body>
</html>

以上是 使用CSS设置边框的样式 的全部内容， 来源链接： utcz.com/z/338175.html

回到顶部