常用的CSS 样式
1、怎样给HTML 加背景图片,并且保证图片的宽度和高度自适应?
Css样式
.body
{
background-image:url(images/background.jpg);
background-size:cover;
}
Html 页面
<bodybackground=""></body>
2、怎样让div 里面的文字任意角度旋转,一般用于图形X 轴的说明?
Css 样式
.axisLabel.yaxisLabel
{
left: 2px;
top: 50%;
transform: rotate(-90deg);// 这里是控制div旋转角度的样式
transform-origin: 0 0 0;
font-size: 12px;
position: absolute;
text-align: center;
}
.xaxisLabel
{
left: 2px;
top: 50%;
transform-origin: 0 0 0;
font-size: 12px;
position: absolute;
text-align: center;
padding-left: 307px;
padding-top: 161px;
}
Html 界面
<divclass=”axisLabel yaxisLabel”>这里是X轴的说明</div>