设置div显示边框 border

2013-05-27 09:15:31 如何让div显示边框border样式,通过CSS样式让DIV边框显示。

如何让div显示边框样式呢?

很简单css边框样式单词是border,使用border即可让div或spanh1p等对象实现需要边框样式。

我们给一个div类css 命名为“HTML8”,盒子加一个1px红色边框,为了观察效果,同时对这个div盒子设置css widthcss height样式。

1、css代码:

  1. .HTML8{width:100px;height:50px;border:1px solid #F00} 

2、对应html代码(放于body内容内):

  1. <div class="HTML8"></div> 
  2. <!-- html注释:以上是设置HTML8对象盒子 --> 

3、div盒子边框显示效果截图

div显示边框效果截图
div成功显示边框效果截图

相关推荐阅读
1、如何给div加一个边框
2、css实线边框
3、div css border边框
4、css虚线边框

上一篇:css命名warp
下一篇:CSS 注释多行
更新