div边框设置的方法有哪些
今天小编给大家分享一下div边框设置的方法有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
为共青城等地区用户提供了全套网页设计制作服务,及共青城网站建设行业解决方案。主营业务为成都做网站、成都网站建设、共青城网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
一、div加四边加边框
1、用到css单词与值
border:1px solid #F00
设置对象边框为血色边框
2、div残破小实例 实例代码:
www.CSS5.com.cn 四边为血色
实例截图:
经过border轻松设置装备摆设div 4条边边框
二、div上边加边框
1、应用单词和值
border-top:1px solid #F00
2、完整实例代码
www.CSS5.com.cn 只配置div上边框
3、成就截图
三、div下边加边框
1、使用单词与值
border-bottom:1px solid #000
2、残缺实例代码
www.CSS5.com.cn 只设置div下边框
3、截图 配置DIV彩色的下边框
四、div左边加边框
1、应用单词与值
border-left:1px solid #000
2、完整源代码
www.CSS5.com.cn 只设置装备摆设div 左边框
3、截图
五、div右侧加边框
1、DIV的
右边框使用单词和值
border-right:1px dashed #F00
2、代码
www.CSS5.com.cn 只配置div左侧边框
对DIV设置装备摆设红色虚线边框
3、截图
六、div三边加边框 本领
1、才智 先设置装备摆设border值,即设置对象4边均有边框,那条div边不需要设置装备摆设边框,就对其再配置边框为0的值。
2、完整HTML源代码
www.CSS5.com.cn 三边有边框,其他一边没有边框
设置装备摆设下边框没有边框,其它三边设置边框。——下边框不设置边框。
3、截图
4、抒发 需要把稳,先设置4边CSS,再前面设置装备摆设去掉边框花样,多么浏览器端,从左往右读取时候,能衬着先4边,后缺一边的机关造诣。操作了客户端读庖代码从左往右读取的手法。
七、div 虚线边框和实线边框
在下面实例代码教程中,大要看到border的值中个中一个单词为solid,即设置边框花样为实体线。
常用的兼容各大浏览器的虚线为dashed 即实例代码:
border:1px dashed #000
配置边框1px虚线彩色边框(#000 黑色彩值,现实结构中切确颜色值依照整治图经由PS拾色器械获取)
以上就是“div边框设置的方法有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。
分享文章:div边框设置的方法有哪些
转载来源:http://myzitong.com/article/gjiged.html