html边框颜色怎么设置

html边框颜色怎么设置

html中设置边框颜色能让页面更加美观，边框样式border-style，边框颜色border-color，边框有4条，上边框，左边框，下边框，右边框，下面我将通过这2个属性来设置边框的颜色，详细步骤如下。

第一步，点击打开sublime text，如下图

设置全部边框颜色一样，

例子是边框都是蓝色，border-color:blue;

代码以及效果显示如下图

设置上下边框颜色一样，左右边框颜色一样

例子上下边框颜色蓝色，左右边框红色，

border-color:blue red;

代码以及效果显示如下图

设置上下边框颜色不同，左右边框颜色一样

例子上边框颜色蓝色，下边框绿色，左右边框红色，

border-color:blue red green;

代码以及效果显示如下图

设置上下左右边框颜色都不一样

例子上边框颜色蓝色，下边框绿色，左边框红色，右边框粉红色

border-color:blue red green pink;

代码以及效果显示如下图