您现在的位置是:网站首页> 编程资料编程资料
css 中background 设置文本框背景图 的方法_CSS教程_CSS_网页制作_
2021-09-10
2267人已围观
简介 这篇文章主要介绍了css 中background 设置文本框背景图 的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
background 属性的作用是给元素设置背景,它是一个复合属性,常用的子属性如下:
•background-color 指定元素的背景颜色。
•background-image 指定元素的背景图像。
•background-position 指定背景图像的位置,在复合属性中与 size 二选一。
•background-size 指定背景图片的尺寸,在复合属性中与 position 二选一。
•background-repeat 指定如何重复背景图像。
多数时候,我们都是给 div 等区块元素设置背景,其实还可以通过 background 属性来给文本框设置背景色和背景图片。呈现效果如下:

实现代码如下:
background 设置文本框背景图
更多 background 属性的知识可参考:
总结
以上所述是小编给大家介绍的css 中background 设置文本框背景图 的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
相关内容
- 使用纯CSS实现动态晴阴雨雪(单标签)_CSS教程_CSS_网页制作_
- 纯css实现选中切换效果的示例_CSS教程_CSS_网页制作_
- 几个有益的CSS小知识(小结)_CSS教程_CSS_网页制作_
- Vue+CSS3实现转盘抽奖的示例代码_CSS教程_CSS_网页制作_
- IphoneX底部适配的实现_CSS教程_CSS_网页制作_
- CSS 从大图中选取部分区域作为目标图标的代码详解_CSS教程_CSS_网页制作_
- css效果之边框内圆角_CSS教程_CSS_网页制作_
- css自定义占位文本(placeholder)的样式的方法示例_CSS教程_CSS_网页制作_
- CSS揭秘之多重边框的实现_CSS教程_CSS_网页制作_
- 详解CSS3 弹性布局快速入门_css3_CSS_网页制作_
