中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS背景的相關操作介紹

發布時間:2021-08-07 20:31:33 來源:億速云 閱讀:142 作者:chen 欄目:大數據

這篇文章主要講解了“CSS背景的相關操作介紹”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“CSS背景的相關操作介紹”吧!

####背景顏色
background-color

background-color: red;background-color: rgb(88,88,88);

####背景圖片

background-image: url("show.jpeg");

####背景平鋪
圖片不平鋪

background-repeat: no-repeat;

####背景是否滾動
可選值 scroll fixed

background-attachment: fixed;

背景顏色
background-color: red;

顏色可以設置成十六進制 或者 rgb 或者 rgba
1.5.2. 背景圖片

background-image: url(圖片路徑);

1.5.3. 背景平鋪

background-repeat: 背景平鋪;1.repeat 平鋪  默認的2.no-repeat 不平鋪3.repeat-x 水平平鋪4.repeat-y 垂直平鋪1.5.4. 背景是否滾動

background-attachment: 背景是否滾動;

1.scroll  默認值 圖片跟隨盒子一起滾動2.fixed      圖片不跟隨盒子一起滾動

1.5.5. 背景位置

1.方位名詞 right top left center bottom 書寫的順序不論
2.像素 如果是像素 那么默認在以“當前盒子”的左上角為0 0原點 構建一個坐標系 第一值是X軸的位置 第二個值是Y軸的位置 交互的點就是圖片開始顯示的起始位置
多說一嘴:
1、程序里面的坐標系X軸水平向右  Y軸垂直向下
2、注意順序
3.百分比  百分比參照的自身盒子的寬高: 最終的位置是當前盒子自身的寬高的百分比 - 圖片自身的寬高的百分比
4.還可以混寫 混寫是需要考慮順序
####背景的簡寫
background:背景顏色 背景圖片地址 背景平鋪 背景滾動 背景位置;

####img和背景圖片的區別:
img不需要專門寫寬高就能夠顯示在頁面上
而背景圖片默認是撐不開容器的 需要專門寫寬高
一般產品插入圖都推薦使用img  而一些小的icon 或者很少更新的圖片 再或者超大的圖片推薦使用背景圖
而且背景圖可以讓內部的文字蓋在上面,但是img不行(除非后期用定位)

感謝各位的閱讀,以上就是“CSS背景的相關操作介紹”的內容了,經過本文的學習后,相信大家對CSS背景的相關操作介紹這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

苗栗县| 墨脱县| 时尚| 丹阳市| 台中县| 凤阳县| 湖口县| 栾城县| 资阳市| 古交市| 桐城市| 祁东县| 杭锦后旗| 南澳县| 丹寨县| 阳曲县| 积石山| 黔江区| 黑水县| 岐山县| 五华县| 资兴市| 莲花县| 开原市| 大厂| 焦作市| 明光市| 嘉义市| 斗六市| 将乐县| 山西省| 灌阳县| 孟连| 长乐市| 兴义市| 德清县| 凭祥市| 军事| 安达市| 晋江市| 永城市|