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 dashed Solid line dotted dotted line（不兼容，不同浏览器显示不同）

第三个是边框的颜色红色，直接用中文短语表达 #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;
/*分别为 上下 左右 边框设置*/

这两个值分别代表：上下边框、左右边框

三个值代表：上边框、左边框、下边框（不知道为什么这么划分html文本框怎么设置，也许是统一的）

您还可以单独设置每个边框！

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

而且工作要少细分，除了工作量大之外html文本框怎么设置，还很怪异、不雅观。

关于解释 HTML 边框设置的三种形式的文章到此结束。 有关HTML边框设置的更多信息，请搜索Script House之前的文章或继续浏览下面的相关文章。 希望大家以后多多支持脚本。 到家了！