怎么加td标签下的div样式_CSS3基础:样式和选择器⼀、背景属性
CSS背景属性主要有以下⼏个
1.1background-color属性
该属性设置背景颜⾊
<div class="box"></div>
.box{
width: 300px;
height: 300px;
background-color: palevioletred;
}
<div class="box"></div>
.box{
width: 300px;
height: 300px;
background-color: palevioletred;
}
<div class="box"></div>
.box{
width: 300px;
height: 300px;
background-color: palevioletred;
}
<div class="box"></div>
.box{
width: 300px;
height: 300px;
background-color: palevioletred;
}
<div class="box"></div>
.box{
width: 300px;
height: 300px;
background-color: palevioletred;
}
<div class="box"></div>
.box{
width: 300px;
height: 300px;
background-color: palevioletred;
}
1.2background-image属性
设置元素的背景图像。
元素的背景是元素的总⼤⼩,包括填充和边界(不包括外边距)。默认情况下background-image属性放置在元素的左上⾓,如果图像不够⼤的话会在垂直和⽔平⽅向平铺图像,如果图像⼤⼩超过元素⼤⼩从图像的左上⾓显⽰元素⼤⼩的那部分。
<div class="box"></div>
.box{
width: 600px;
height: 600px;
background-image: url("images/img1.jpg");
}
1.3background-repeat属性
该属性设置如何平铺背景图像
.box{
css表格样式width: 600px;
height: 600px;
background-color: #fcc;
background-image: url("images/img1.jpg"); background-repeat: no-repeat;
}
1.4background-size属性
该属性设置背景图像的⼤⼩
.box{
width: 600px;
height: 600px;
background-image: url("images/img1.jpg"); background-repeat: no-repeat; background-size: 100% 100%;
}
1.5background-position属性
其默认值是:0% 0%。该属性设置背景图像的起始位置,其默认值是:0% 0%。
.box{
width: 600px;
height: 600px;
background-color: #fcc;
background-image: url("images/img1.jpg");
background-repeat: no-repeat;
background-position: center;
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论