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;
/*各自为 左右 上下 边框设置*/

2个值代表:左右边框   上下边框

三个值代表:上边框   上下边框   下边框   (我不明白为什么是那样分的  很有可能便是统一的吧)

还可以对每一个边框独立设置!

border-top;
border-right;
border-bottom;
border-left;

可是工作上应当不必那么细分化 。由于不但劳动量大 并且也很古怪 不好看

到此这篇有关详细说明HTML设置边框的三种方法的文章内容就详细介绍到这了,大量有关HTML边框设置內容请搜索之前的文章内容或再次访问下边的类似文章,期待大伙儿之后多多的适用!