background 设置文本框背景图

更新时间:2023-04-06 09:23:01 阅读：评论：0

background 属性的作用是给元素设置背景，它是一个复合属性，常用的子属性如下：

background-color 指定元素的背景颜色。background-image 指定元素的背景图像。background-position 指定背景图像的位置，在复合属性中与 size 二选一。background-s周工作总结怎么写ize 指定背景图片的尺寸，在复合属性中与 position 二选一。background-repeat 指定如何重复背景图像。

多数时候，我们都是给 div 等区块元素设置背景，其实还可以通过 background 属性来给文本框设置背景色和背景图片。呈现效果如下：

实现代码如下：

<!doctype html><html><head>    <meta chart="utf-8">    <title>background 设置文本框背景图</title>    <style>        .arch {            width: 600px;            height: 40px;            padding: 5px;            border: 1px solid #666666;            background-color: #faf9de;            background-image: url(images/arch.png);            background-position: center right;            background-size: 50px 50px;            background-repeat: no-repeat;        }        .一位数remar什么是角速度k {            width: 600px;            height: 200px;            padding: 5px;            margin-top: 10px;            border: 1px solid #666666;            background: url(images/belle.jpg) center center no-r创新的素材epeat;        }    </style></head><body>    <input class="arch" type="text" placeholder="请输入查询关键词"><br>    <textarea class="remark" placeholder="请填写备注信息"></textarea></body></html>

更多 background 属性的知识可参考：

css background 属性css background 属性