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

作者:如沐春风 | 创建时间: 2023-04-17
CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身。在实际的开发中,使用 CSS 最好的方式是引用外部样式表。 这里介绍CSS 边框(border)实例:设置每一边的不同边框...
CSS边框实例:设置每一边的不同边框

步骤/方法

<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>

运行结果为:

温馨提示

本文仅供参
点击展开全文

更多推荐