html正方形边框颜色,css边框颜色样式设置 css border颜色

DIV CSS边框颜色样式设置改变

css border边框样式可设置边框宽度、边框样式(css边框虚线、css边框实线)、颜色样式。而css边框颜色只有设置边框宽度，设置边框颜色才能实现。

一、快速认识border边框

如：

border:2px solid #00F

设置边框2px宽、实线(solid)、蓝色(#00F)

可拆分：

border-width:2px;border-color:#00F;border-style:solid

很显然一般设置一个边框属性需要设置3个值才能算是完整设置css border样式。而拆分的边框代码样式通常需要缩写border代码，达到代码简化节约代码目的。

二、div css边框颜色设置实例

这里设置两个DIV盒子，一个设置2px宽实线红色边框、一个设置4px宽虚线蓝色边框。

1、完整HTML+CSS设置边框颜色实例代码如下：

CSS5 设置边框颜色实例

.expa{border:2px solid #F00}

.expb{border:4px dashed #00F}

CSS5 我在设置边框颜色为红色

设置边框颜色为蓝色

以上css边框颜色实例代码，可直接拷贝实践过程效果。

2、css border边框颜色设置效果截图

DIV CSS边框颜色设置实例效果截图

三、css div边框颜色样式设置总结

边框颜色设置很简单，根据需求设置需要颜色值即可，设置颜色值时候，记得“#”井号不要丢掉，不然设置颜色值无效。

标签(Tag): 边框 颜色

本文分享URL地址：/css/929.shtml

作者：div css