html设置外边框宽8px单视线蓝色命令

html-css020

html设置外边框宽8px单视线蓝色命令,第1张

html设置外边框宽8px单视线蓝色命令的步骤如下。

1、border-width:边框宽度,8px,可以手动设置,取像素值。

2、border-style:边框样式,必填项。可取:solid(实线边框)dashed(虚线边框)dotted(点线边框)double(双线边框)。

3、border-color:边框颜色,取颜色值,蓝色。

1.首先用sublime text2新建一个测试用的html页面。我这里就叫test.html

2.这个时候在网页中添加以个label标签和一个input框。

3.预览一下效果,我们可以知道默认的宽度是10

4.这里我们通过设置size的属性修改一下宽度。

7.再预览一下效果。是不是宽度减少了呢。如果是简单改变宽度这就足够了,但是如果修改一下其他的东西。我们需要加上style属性.

8.预览一下最终的效果。可以看到宽度和高度都改变了.

就要用到border-width属性

border-width:1px 1px 1px 1px,从左往右依次是上边框,右边框,下边框,左边框,根据自己需要进行赋值即可

border-width:2px 4px 6px,代表上边框2px,右边框4px,下边框6px,左边框没有值,就默认和右边框一样

border-width:2px 4px,有两个值代表上下边框为2px,左右边框为4px

border-width:2px代表四条边框均为2px