整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          你知道空白網頁的顏色是什么嗎?


          者:前端日志

          轉發(fā)鏈接:https://mp.weixin.qq.com/s/zoEfqIwfsnAWVO8L7xuUuQ

          色由紅色、綠色、藍色混合而成。

          顏色值

          顏色由一個十六進制符號來定義,這個符號由紅色、綠色和藍色的值組成(RGB)。

          每種顏色的最小值是0(十六進制:#00)。最大值是255(十六進制:#FF)。

          這個表格給出了由三種顏色混合而成的具體效果:

          HTML基礎教程: 顏色知多少

          篇文章主要講述了CSS的基礎用法,講述了如何定義頭文件,導入CSS文件,id和class選擇器,元素選擇器,后代選擇器,子元素選擇器,兄弟選擇器,偽類選擇器等等,讓大家對CSS選擇器有個簡單的認識和了解。這篇接上篇文章,繼續(xù)講解CSS的基礎用法。

          背景Background

          背景可以設置很多,比如背景顏色,背景圖片,背景定位,背景重復,背景關聯,

          1)).背景顏色

          <div style='background-color='red'></div>

          2)).背景圖片

          <div style='background-image: url('1.png');'></div>

          3)).背景定位

          <div style='background-position:center'></div>
          center   中間
          top      頂部
          bottom   底部
          right    右邊
          left     左邊
          還可以使用百分比來設置定位:
          <div style='background-position:40% 50%'></div>
          或者設置像素值:
          <div style='background-position:100px 100px'></div>

          4)).背景顯示方式

          <div style=' background-repeat:repeat-x'></div>
          repeat-x 水平平鋪圖片
          repeat-y 垂直平鋪圖片
          no-repeat 不平鋪圖片

          5)).背景滾動條

          <div style='background-attachment:fixed'></div>
          fixed   固定 不出現滾動條
          scroll  出現滾動條
          no      沒有滾動條

          6)).背景大小

          <div style='background-size:50px 50px'></div>

          7)).背景圖片的定位區(qū)域

          <div style='background-origin:content-box'></div>
          content-box  文本內容區(qū)域
          padding-box   內邊距區(qū)域
          border-box    外邊框區(qū)域

          8)).背景裁剪區(qū)域

          <div style='background-clip:content-box'></div>
          content-box  裁剪文本內容區(qū)域
          padding-box  裁剪內邊距區(qū)域
          border-box   裁剪外邊框區(qū)域

          總結

          這篇文章主要介紹了CSS樣式更改篇中的背景Background的基本設置,希望讓大家對CSS選擇器有個簡單的認識和了解。
          ****看完本文有收獲?請轉發(fā)分享給更多的人****


          想要學習更多,請前往Python爬蟲與數據挖掘專用網站:http://pdcfighting.com/


          主站蜘蛛池模板: 亚洲欧美一区二区三区日产| 无码精品黑人一区二区三区| 成人午夜视频精品一区| 国产精品99精品一区二区三区| 日韩免费视频一区二区| 国产不卡视频一区二区三区| 精品黑人一区二区三区| 精品一区二区三区高清免费观看| 亚洲综合一区国产精品| 无码乱码av天堂一区二区 | 亚洲日韩AV一区二区三区四区 | 亚洲一区在线视频观看| 国产成人无码一区二区三区在线| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 日本成人一区二区三区| 三级韩国一区久久二区综合| 一区二区三区无码高清| AV天堂午夜精品一区| 国产在线无码视频一区二区三区| 成人精品视频一区二区三区| 国模少妇一区二区三区| 国产熟女一区二区三区四区五区 | 天堂资源中文最新版在线一区| 久久久精品人妻一区二区三区蜜桃| 国产一区视频在线免费观看| 精品无码国产AV一区二区三区| 亚洲国产精品一区二区久| 日本免费一区二区在线观看| 精品无码人妻一区二区三区品| 亚洲一区二区三区无码国产| 亚洲大尺度无码无码专线一区| 四虎成人精品一区二区免费网站 | 精品视频一区二区观看| 国产激情无码一区二区| 国产成人欧美一区二区三区| 国产成人无码AV一区二区在线观看| 日韩电影一区二区| 亚洲一区在线免费观看| 国产大秀视频一区二区三区| 在线播放国产一区二区三区 | 国产伦精品一区二区三区免费迷|