背景

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>背景</title>
  <style type="text/css">
   .bjDiv{
    width: 300px;
    height: 300px;
    border: 1px blue solid;
    /*背景顏色*/
    /*background-color: red;
    background-image: url(../AKL.jpg);*/
    /*背景平鋪
     no-repeat 不平鋪
     repeat-x   x軸平鋪
     repeat-y   y軸平鋪
     repeat   默認(rèn)值  兩個(gè)方向都平鋪*/
    /*background-repeat: no-repeat;*/
    
    /*背景大小
      可以設(shè)置一個(gè)值 100px；
      兩個(gè)值 100px  200px
      可以設(shè)置單詞  contain*/
    /*background-size: 100px;*/
    /*背景位置
     一個(gè)值  10px  代表X是10 Y居中
     兩個(gè)值  第一個(gè)值代表X，第二個(gè)值代表Y
     也可以給代表位置的英文，
     X left right center
     Y top  bottom center*/
    /*background-position: right bottom;*/ 
    /*復(fù)合寫法*/
    background: blue url(../AKL.jpg) no-repeat 50px 50px / 200px 200px; 
  </style>
 </head>
 <body>
  <div class="bjDiv"></div>
 </body>
</html>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容