CSS常用属性

来自CloudWiki
123.232.234.224讨论2017年10月5日 (四) 03:49的版本
跳转至: 导航搜索


颜色和背景

color

  • 设置元素前景色
  • 可能的值:
  颜色名称(比如 red)。
  颜色代码(比如 #ff0000)
  rgb代码 (比如rgb(0,0,255))
<html>
   <head>
      <style type="text/css">
         body {color:red;}
         h1{color:#2E8B57;}
      </style>
   </head>
   <body>
      <h1>山东商业职业技术学院</h1>
      <p>山东商业职业技术学院(Shandong Institute of Commerce and Technology),是经教育部批准设立的省属高职院校,学校是国家示范性高职院校、全国职业教育先进单位、全国毕业生就业典型经验(高校)50强高校</p>
   </body>
 </html>

background-color

  • 设置元素背景色
 body  {
     background-color:yellow;
  }
  h1  {
     background-color:#00ff00;
  }
  p   {
      background-color:rgb(255,0,255);
  }
<html>
   <head>
      <style type="text/css">
          body {background-color: yellow;}
          h1 { background-color: green;}
          p { background-color: blue;}
  </style>
      </style>
   </head>
   <body>
      <h1>山东商业职业技术学院</h1>
      <p>山东商业职业技术学院(Shandong Institute of Commerce and Technology),是经教育部批准设立的省属高职院校,学校是国家示范性高职院校、全国职业教育先进单位、全国毕业生就业典型经验(高校)50强高校</p>
   </body>
 </html>

background-imge

  • 设置元素背景图案

相对单位和绝对单位