如何用 CSS 定义边框的颜色?
我们可以使用 边框 或 边框的颜色-颜色 属性。我们需要给 边框样式的 属性。
进场:
*示例:*
超文本标记语言
<!DOCTYPE html>
<html>
<body>
<h1 style="border: rgb(195, 255, 0);
border-style: solid;">
Java GFG
</h1>
<h2 style="border: rgb(0, 140, 255);
border-style: solid;">
C++ GFG
</h2>
</body>
</html>
*输出:*
*方法 2:*
- 在这个例子中,我们将使用 CSS 边框-颜色 属性在头部部分的样式标签里面。它也被称为内部或嵌入式 CSS。
- 如果在 边框颜色 属性中给出两种颜色,那么第一种颜色代表顶部/底部,第二种颜色代表左右。
- 如果你给 4 种颜色,那么第一种是顶部,第二种是右侧,第三种,第四种是底部,左侧(顶部,右侧,底部,左侧)。
*示例:*
超文本标记语言
<!DOCTYPE html>
<html>
<head>
<style>
h3{
border-color:rgb(0, 255, 76);
border-style: dashed;
}
h2{
/* top->red right->blue bottom->green left->orange */
border-color: red blue green orange;
border-style: solid;
}
h1{
/* top/bottom ->red left/right->blue */
border-color: red blue;
border-style: solid;
}
</style>
</head>
<body>
<h1>Java GFG</h1>
<h2>C++ GFG</h2>
<h3>Python GFG</h3>
</body>
</html>
*输出:*
**
边框颜色 CSS**
版权属于:月萌API www.moonapi.com,转载请注明出处