HTML+CSS+JavaScript第五章幻灯片.pptVIP

设置边框的颜色，同样可以选择设置单条边框颜色或者统一设置4个边框的颜色。可以选用的边框颜色属性有5个，设置边框颜色的语法格式如下： border-color：颜色关键字|RGB值 border-top-color：颜色关键字|RGB值 border-left-color：颜色关键字|RGB值 border-right-color：颜色关键字|RGB值 border-bottom-color：颜色关键字|RGB值 这里的颜色属性值和前面介绍的颜色属性值相同，可以使用颜色关键字或RGB值。 5.5.3 边框颜色 定义样式.p1设置4个边框颜色均为蓝色，样式.p2设置上边框颜色为红色、左边框为蓝色、下边框为黑色、右边框为绿色。样式代码如下： .p1{border-style:solid;border-width:thick;border-color:blue;} .p2{border-style:solid;border-width:thick;border-top-color:red;border-left-color:#0000ff;border-bottom-color:black;border-right-color:#00ff00;} 网页中元素应用这些样式后，在浏览器中的显示效果如图5-20所示。 【例5-20】 图5-20 设置边框颜色 在学习了CSS的基本应用之后，