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