bordercolor border的颜色
亲爱的读者们,你是否对bordercolor和border的颜色的关系感到好奇?在本文中,我将深入探讨它们之间的联系,让你对此有更深刻的理解。
border的颜色
语法:
border-color: color
参数:
color:指定颜色。请参阅颜色单位和附录:颜色表
说明:
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
如果border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderColor。请参阅我编写的其他书目。
示例:
body{ border-color: silver;red;}
body{ border-color: silver red RGB(223, 94, 77);}
body{ border-color: silver red RGB(223, 94, 77) black;}
css table的bordercolor怎么设置
定义和用法
border-color属性设置四条边框的颜色。此属性可设置 1到 4种颜色。
border-color属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为 4个边分别设置不同的颜色。请看下面的例子:
border-color:red green blue pink;
解释说明:
上边框是红色
右边框是绿色
下边框是蓝色
左边框是粉色
注意:边框的样式不能为 none或 hidden,否则边框不会出现。
css里设置border颜色
1、定义:元素的边框(border)是围绕元素内容和内边距的一条或多条线。
CSS border属性允许你规定元素边框的样式、宽度和颜色。
在 HTML中,我们使用表格来创建文本周围的边框,但是通过使用 CSS边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素。
元素外边距内就是元素的的边框(border)。元素的边框就是围绕元素内容和内边据的一条或多条线。
每个边框有 3个方面:宽度、样式,以及颜色。
border-color属性设置四条边框的颜色。此属性可设置 1到 4种颜色。
border-color属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为 4个边分别设置不同的颜色。
2、用法:
例1:border-color:red green blue pink;
例2:p
{
border-style:solid;
border-color:#ff0000#0000ff;
}
您可以通过 border-width属性为边框指定宽度。
为边框指定宽度有两种方法:可以指定长度值,比如 2px或 0.1em;或者使用 3个关键字之一,它们分别是 thin、medium(默认值)和 thick。
定义单边宽度
您可以按照 top-right-bottom-left的顺序设置元素的各边边框:
p{border-style: solid; border-width: 15px 5px 15px 5px;}
上面的例子也可以简写为:
p{border-style: solid; border-width: 15px 5px;}
注意:要设置边框的宽度才能看到
border:5px solid red;
HTML中表格的边框颜色用bordercolor修改无效
按照CSS标准编写就不会出现问题,HTML标签属性存在兼容问题。
采用HTML+CSS才是最合理的网页编写方式。
CSS代码:
<style>
.my_table{border-collapse:collapse;border:1pxsolidred;}/*按需修改border宽度*/
.my_tabletd{border:1pxsolidred;}/*按需修改border宽度*/
</style>
HTML代码:标签属性一般不带单位(px,em),可以带百分比号(%)
<tablecellspacing="0"cellpadding="10"border="1"width="400"class="my_table">
<tr>
<tdcolspan="3"align="center">菜谱</td>
</tr>
<tr>
<tdrowspan="2">素菜</td>
<td>青草茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小炒韭菜</td>
<td>白豆腐</td>
</tr>
<tr>
<tdrowspan="2">荤菜</td>
<td>清蒸甲鱼</td>
<td>毛氏红烧肉</td>
</tr>
<tr>
<td>鱼香肉丝<imgsrc="F:\somethings\静态图\令狐少侠.jpg"width="70px"title="果子狸"></td>
<td>糖醋丸子</td>
</tr>
</table>
希望我的回答能帮助到你。
感谢您的阅读!希望本文对解决您关于bordercolor和border的颜色的问题有所帮助。如果您还有其他疑问,欢迎随时向我们提问。