CSS 边框颜色

最新推荐文章于 2023-11-16 10:10:03 发布

い风花の雪栎

最新推荐文章于 2023-11-16 10:10:03 发布

阅读量4.9k

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/XRTONY/article/details/115215248

版权

笔记专栏收录该内容

90 篇文章 0 订阅

订阅专栏

CSS 边框颜色

<!DOCTYPE html>
<html>
<head>
<style>
p.one {
  border-style: solid;
  border-color: #ff0000; /* 红色 */
}

p.two {
  border-style: solid;
  border-color: #0000ff; /* 蓝色 */
}

p.three {
  border-style: solid;
  border-color: #bbbbbb; /* 灰色 */
}
</style>
</head>
<body>

<h1>border-color 属性</h1>

<p>边框颜色也可以使用十六进制值（HEX）指定：</p>

<p class="one">红色实线边框</p>
<p class="two">蓝色实线边框</p>
<p class="three">灰色实线边框</p>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<style>
p.one {
  border-style: solid;
  border-color: red green blue yellow; /* 上红、右绿、下蓝、左黄 */
}
</style>
</head>
<body>

<h1>border-color 属性</h1>

<p>border-color 属性可接受一到四个值（依次对应上、右、下、左边框）：</p>

<p class="one">多色的实线边框</p>

</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

い风花の雪栎

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS 边框颜色

CSS 边框颜色<!DOCTYPE html><html><head><style>p.one { border-style: solid; border-color: #ff0000; /* 红色 */}p.two { border-style: solid; border-color: #0000ff; /* 蓝色 */}p.three { border-style: solid; border-color:
复制链接

扫一扫