常用的CSS 样式

常用的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>