css怎么设置边框内颜色


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

css中可使用background-color属性改变边框内颜色,只需要给input元素设置“background-color:颜色值”样式即可。background-color属性设置元素的背景颜色,值为颜色名称、十六进制值和rgb代码。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

创建html文件,设置页面背景颜色。创建h1标签和内容,创建p标签和内容,为h1元素设置边框和边框背景颜色。为p元素设置边框和边框背景颜色。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>document</title>

<style>

h1{

    border: 1px solid red;

    background-color: rgb(113, 255, 201);

}

p{

    border: 1px solid #fff;

    background-color: rgb(255, 182, 113);

}

</style>

</head>

<body bgcolor="#ccc">

    <h1>这是一个标题</h1>

    <p>这是一个段落,这是一句话。</p>

</body>

</html>

效果如下:

S0]4(XO)TH~B}UU(C_Y4~6H.png

推荐学习:css视频教程

以上就是css怎么设置边框内颜色的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css设置背景颜色

css想让块靠右该如何实现

css怎么设置li不要点

css中如何清除float

css text-decoration属性怎么用

css如何设置元素不可见

css怎么把ul文字变成横向排列

css写法怎么优化

css怎么隐藏横向滚动条

css不可能实现的功能是什么

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...