网站首页 > 知识剖析 正文
元素背景background
使用CSS设置各种HTML元素的背景,元素的背景有以下属性:
- background-color - 属性用于设置元素的背景色,值可以是十六进制颜色代码,RGB值或颜色名称。
- background-image - 属性用于设置元素的背景图像,使用url()属性指定图像的路径。
- background-repeat - 属性用于控制背景图像是否重复,值有repeat,repeat-x,repeat-y,no-repeat。
- background-position - 属性用于控制背景图像的位置,值有right,left,top,bottom,center或者数值和百分比。
- background-attachment - 属性用于控制背景图像是否可以滚动,值有scroll,fixed。
- background - 属性用作其他背景属性的简写。
设置背景颜色:
设置背景图像:
设置背景图像沿x轴重复:
设置图像不重复,位于右上角:
设置图像不重复,不随内容滚动:
如果需要指定的图像属性太多时,可采用简写形式,如:
使用背景简写时,属性的指定顺序如下所示:
- 上一篇: CSS 伪元素的一些罕见用例
- 下一篇: 广州蓝景技术分享—CSS中实现元素的隐藏方法
猜你喜欢
- 2024-11-23 Python的selenium实现等待某个元素加载完成后返回结果
- 2024-11-23 DOM 操作之DOM概念和获取元素
- 2024-11-23 html 哪些是块级元素、哪些是行内元素?
- 2024-11-23 前端面试题-CSS-可替换元素和非替换元素
- 2024-11-23 小白总结:前端HTML基础知识点(1)——元素总结
- 2024-11-23 HTML Video 元素在 Vue 中消失的 muted 属性
- 2024-11-23 用CSS 实现元素垂直居中,有哪些好的方案?
- 2024-11-23 JavaScript知识点总结(7)
- 2024-11-23 Java 0基础入门 (Html表单、表单元素)
- 2024-11-23 《css大法》之使用伪元素实现超实用的图标库
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)