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