最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css教程:CSS背景background属性的应用
时间:2022-07-02 12:42:39 编辑:袖梨 来源:一聚教程网
The CSS background properties define the background effects of an element.
CSS的background属性可为元素定义背景效果。
设置背景颜色 Set the background color
This example demonstrates how to set the background color for an element.
实例:
代码如下 | 复制代码 |
body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} |
标题一
标题二
段落
[ 可先修改部分代码 再运行查看效果 ]
设置背景图片 Set an image as the background
This example demonstrates how to set an image as the background
实例:
代码如下 | 复制代码 |
body { background-image:url('attachments/month_0612/52006129151936.jpg') } |
[ 可先修改部分代码 再运行查看效果 ]
重复背景图片 How to repeat a background image
This example demonstrates how to repeat a background image.
实例:
代码如下 | 复制代码 |
body { background-image: url('attachments/month_0612/52006129151936.jpg'); background-repeat: repeat } |
[ 可先修改部分代码 再运行查看效果 ]
背景图片水平重复 How to repeat a background image only horizontally
This example demonstrates how to repeat a background image only horizontally.
实例:
代码如下 | 复制代码 |
body { background-image: url('attachments/month_0612/52006129151936.jpg'); background-repeat: repeat-x } |
[ 可先修改部分代码 再运行查看效果 ]
背景图片垂直重复 How to repeat a background image only vertically
相关文章
- “十月朝,糍粑碌碌烧”说的是小雪时节的哪一项习俗 蚂蚁庄园11月22日答案早知道 11-25
- 以闪亮之名宠物礼包怎么样 11-25
- 崩坏星穹铁道星期日用什么光锥 11-25
- 崩坏星穹铁道星期日用什么光锥 崩铁星期日光锥推荐搭配介绍 11-25
- 崩坏星穹铁道星期日技能机制怎么样 崩铁星期日技能机制介绍 11-25
- 崩坏星穹铁道星期日遗器怎么选择 崩铁星期日遗器推荐搭配介绍 11-25