CSS边框实例:设置四边框样式

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

步骤/方法

  • 01

    <html> <head> <style type="text/css"> p.dotted {border-style: dotted} p.dashed {border-style: dashed} p.solid {border-style: solid} p.double {border-style: double} p.groove {border-style: groove} p.ridge {border-style: ridge} p.inset {border-style: inset} p.outset {border-style: outset} </style> </head> <body> <p class="dotted">A dotted border</p> <p class="dashed">A dashed border</p> <p class="solid">A solid border</p> <p class="double">A double border</p> <p class="groove">A groove border</p> <p class="ridge">A ridge border</p> <p class="inset">An inset border</p> <p class="outset">An outset border</p> </body> </html>

  • 02

    运行结果为:

(0)

相关推荐

  • ppt文字的边框怎么设置?ppt边框设置方法介绍

    ppt幻灯片是办公场合必备软件,其中有很多小技巧.设计的好,会很漂亮.那么ppt文字的边框怎么设置?下面小编就为大家详细介绍ppt边框设置方法,不会的朋友快快来学习吧! 方法/步骤 1.打开ppt.点 ...

  • 美图秀秀怎么样给照片加边框 如何设置文字边框

    现在手机拍照片越来越方便了,那么我们拍了漂亮的照片,如果为其添加一个边框,那看起来就会更加漂亮.那么怎么样为照片添加边框呢?如何设置漂亮的文字边框呢?下面就一起来看看操作方法吧. 方法/步骤1 01 ...

  • 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边框实例:设置右边框的宽度 步骤/方法 ...