博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何给div加一个边框border样式
阅读量:5993 次
发布时间:2019-06-20

本文共 793 字,大约阅读时间需要 2 分钟。

如何给加一个边框样式?

对加一个边框样式很简单只需要使用板块样式即可。

一、虚线与实线边框 

边框虚线样式:dashed

边框实现样式:solid

border:1px dashed #000

代表设置对象边框宽度为1px黑色

border:1px solid #000

代表设置对象边框宽度为1px黑色实现边框

二、对div上边加边框 

我们给div上边加1px黑色边框

div{border-top:1px solid #000}

三、给div底部加边框 

给div盒子底部加2px虚线红色边框

div{border-bottom:2px dashed #F00}

四、在div盒子左侧加边框  

给一个 为“.divcss5”盒子左侧加一个蓝色1px实线边框

.divcss5{ border-left:1px solid #00F}

DIV代码:

此DIV盒子左侧为1px实线蓝边框

五、在盒子div右侧加边框

div对象右侧加1px红色实线边框

div{ border-right:1px solid #F00}

六、在盒子上下加边框  

给盒子上下加1px实现黑色边框

div{border-top:1px solid #000;border-bottom:1px solid #000}

七、给div盒子左右加边框 

给盒子左右加2px虚线绿色边框

div{ border-left:2px dashed #0F0;border-right:2px dashed #0F0}

八、给div四边加上一个边框  

给一个DIV四边加上3px实现黑色边框

div{ border:3px solid #000}

以上是如何给一个div加边框,各种加边框样式方法教程。根据需要对选择器进行重新命名,即可使用或在的div引入调用,灵活运用并掌握对一个对象加边框样式方法。

转载地址:http://zbtlx.baihongyu.com/

你可能感兴趣的文章
C#编程(十三)----------方法重载
查看>>
未安装Silverlight托管包
查看>>
GentleNet使用之详细图解[语法使用增强版]
查看>>
ios将摄像头捕获的视频数据转为jpeg格式
查看>>
php进程的SIGBUS故障
查看>>
telnet测试制定地址端口号
查看>>
保持Service不被Kill掉的方法--双Service守护 && Android实现双进程守护
查看>>
android 截取指定位置字符串
查看>>
李洪强iOS开发之initWithFrame,initWithCoder和aweakFormNib
查看>>
Android ActivityManager.killBackgroundProcesses方法去结束
查看>>
数据库设计原则(转载)
查看>>
MySQL 触发器简单实例
查看>>
Elasticsearch基本概念及核心配置文件详解
查看>>
一次使用Python连接数据库生成二维码并安装为windows服务的工作任务
查看>>
ios_基础篇1_关键字(strong和weak)
查看>>
PageControl
查看>>
我的友情链接
查看>>
远程桌面用户输入法的配置
查看>>
【Getty】Java NIO框架设计与实现
查看>>
常用监控命令工具-----vmstat
查看>>