您的位置:首页 > div css问集 > 【 返回上一页

如何让div显示边框 border样式

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

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

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

1、css代码:

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

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

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

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

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

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

相关标签: 边框 border
如需转载,请注明文章出处和来源网址:www.thinkcss.com/wenti/518.shtml

日期:2013-05-27 09:09:14 来源:www.thinkcss.com 作者:ThinkCSS

热门点击