html正方形边框,详解HTML设置边框的三种方式

HTML设置边框的三种方式

border-width: 1px 2px 2px;

border-style: solid dashed dotted;

border-color:red green blue;

/*分别为上→左右→下边框设置*/

1、边框的组成:

border: 1px solid #fff

参数：

第一个是边框的粗细 1px

第二个是边框的样式 solid 实线 dashed 虚线 dotted 点画线 (不兼容在不同的浏览器上显示的不一样)

第三个是边框的颜色 red 直接用英文单词表示颜色 #f00 颜色的十六进制表示法 rgb(255,0,0) rgb表示法

2、复合样式

/*border: 1px solid red; /*复合样式*/

3、单一设置

border-width: 1px 2px 2px 1px;

border-style: solid dashed dotted solid;

border-color:red green blue pink;

/*分别为上→右→下→左边框设置*/

这样代表上边框右边框下边框左边框分别对四条边框进行设置

border-width: 1px 2px;

border-style: solid dashed;

border-color:red green;

/*分别为上下左右边框设置*/

两个值代表：上下边框左右边框

三个值代表：上边框左右边框下边框 (小编不懂为啥是这样分的可能就是统一的吧)

也可以对每一个边框单独设置!

border-top;

border-right;

border-bottom;

border-left;

但是工作中应该不要这么细分。因为不仅工作量大而且也很怪异不美观

到此这篇关于详解HTML设置边框的三种方式的文章就介绍到这了,更多相关HTML边框设置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

html正方形边框,详解HTML设置边框的三种方式相关推荐

java全局异常处理_详解Spring全局异常处理的三种方式
在J2EE项目的开发中,不管是对底层的数据库操作过程,还是业务层的处理过程,还是控制层的处理过程,都不可避免会遇到各种可预知的.不可预知的异常需要处理.每个过程都单独处理异常,系统的代码耦合度高,工作 ...
详解Springboot下载Excel的三种方式
https://www.jb51.net/article/216656.htm 汇总一下浏览器下载和代码本地下载实现的3种方式. (其实一般都是在代码生成excel,然后上传到oss,然后传链接给前台 ...
详解C#实例化对象的三种方式及性能对比
前言做项目过程中有个需求要实例化两万个对象并添加到List 中,这个过程大概需要1min才能加载完(传参较多),于是开启了代码优化之旅,再此记录. 首先想到的是可能实例化比较耗时,于是开始对每种实例 ...
python调用cmd命令释放端口_详解python调用cmd命令三种方法
目前我使用到的python中执行cmd的方式有三种使用os.system("cmd") 该方法在调用完shell脚本后,返回一个16位的二进制数,低位为杀死所调用脚本的信号号码, ...
Spring框架学习教程，详解Spring注入bean的几种方式
首先,要学习Spring中的Bean的注入方式,就要先了解什么是依赖注入. 依赖注入是指:让调用类对某一接口的实现类的实现类的依赖关系由第三方注入,以此来消除调用类对某一接口实现类的依赖. Sprin ...
详解 CSS position定位的五种方式
position 属性规定应用于元素的定位方法的类型(static.relative.fixed.absolute 或 sticky). 常见的固定定位,例如手机端的导航,快捷按钮.例如本站的&quo ...
python可以播放音乐吗_详解python播放音频的三种方法
第一种使用pygame模块 pygame.mixer.init() pygame.mixer.music.load(self.wav_file) pygame.mixer.music.set_vol ...
python如何安装matplotlib_详解python安装matplotlib库三种失败情况
(可能只有最后一句命令有用,可能全篇都没用) (小白方法,可能只适用于本人情况) 安装matplotlib时,出现的三种失败情况 1.read timed out 一开始我在pycharm终端使用pi ...
mysql临键锁_详解 MySql InnoDB 中的三种行锁（记录锁、间隙锁与临键锁）
详解 MySql InnoDB 中的三种行锁(记录锁.间隙锁与临键锁) 前言 InnoDB 通过 MVCC 和 NEXT-KEY Locks,解决了在可重复读的事务隔离级别下出现幻读的问题.MVCC ...

html正方形边框,详解HTML设置边框的三种方式

html正方形边框,详解HTML设置边框的三种方式相关推荐

最新文章

热门文章