CSS背景
CSS 背景属性允许你控制元素的背景颜色,将图像设置为背景,垂直或水平低重复背景图像,并且在网页上定位背景图像。
值 | 描述 |
---|---|
background-color | 规定要使用的背景颜色。 |
background-position | 规定背景图像的位置。 |
background-size | 规定背景图片的尺寸。 |
background-repeat | 规定如何重复背景图像。 |
background-origin | 规定背景图片的定位区域。 |
background-clip | 规定背景的绘制区域。 |
background-attachment | 规定背景图像是否固定或者随着页面的其余部分滚动。 |
background-image | 规定要使用的背景图像。 |
inherit | 规定应该从父元素继承 background 属性的设置。 |
案例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>演示CSS的背景属性</title>
<style type="text/css">
body{
/*颜色*/
/*
background-color:blue;
*/
/*图片*/
/*
background-image: url("mm.jpg");
*/
/*重复*/
/*
background-repeat: no-repeat;
*/
/*起始位置*/
/*
background-position: top center;
*/
/*简写属性*/
background: red url("mm.jpg") no-repeat top center;
}
</style>
</head>
<body>
</body>
</html>
效果:
热门文章
优秀文章