CSS边框实例:设置每一边的不同边框

CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身。在实际的开发中,使用 CSS 最好的方式是引用外部样式表。
这里介绍CSS 边框(border)实例:设置每一边的不同边框

步骤/方法

  • 01

    <html> <head> <style type="text/css"> p.soliddouble {border-style: solid double} p.doublesolid {border-style: double solid} p.groovedouble {border-style: groove double} p.three {border-style: solid double groove} </style> </head> <body> <p class="soliddouble">Some text</p> <p class="doublesolid">Some text</p> <p class="groovedouble">Some text</p> <p class="three">Some text</p> </body> </html>

  • 02

    运行结果为:

(0)

相关推荐

  • CSS背景实例:设置背景颜色

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表.这里分享怎样设置背景颜色 步骤/方法 01 在编辑器中输 ...

  • CSS边框实例:设置下边框的样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置下边框的样式 步骤/方法 ...

  • CSS边框实例:设置左边框的宽度

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置左边框的宽度 步骤/方法 ...

  • CSS边框实例:设置右边框的宽度

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置右边框的宽度 步骤/方法 ...

  • CSS边框实例:设置左边框的样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置左边框的样式 步骤/方法 ...

  • CSS边框实例:设置上边框的样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置上边框的样式 步骤/方法 ...

  • CSS边框实例:设置下边框的颜色

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置下边框的颜色 步骤/方法 ...

  • CSS边框实例:设置下边框的宽度

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置下边框的宽度 步骤/方法 ...

  • CSS边框实例:设置上边框的宽度

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置上边框的宽度 步骤/方法 ...