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

溫馨提示×

溫馨提示×

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

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

web前端入門到實戰:Css背景定位

發布時間:2020-10-15 00:06:53 來源:網絡 閱讀:301 作者:前端向南 欄目:web開發

同一個標簽可以同時設置背景顏色和背景圖片,如果顏色和圖片同時存在,那么圖片會覆蓋顏色。

1.在CSS中有一個叫做background-position:屬性,就是專門用來控制背景圖片的位置

2.格式:background-position:值1 值2;

值1的取值范圍:left center right

值1代表背景圖片的水平位置

值2的取值范圍:top center bottom

值2代表背景圖片的垂直位置

值1和值2也可以設置像素值,來分別表示距離最左邊和最上邊的像素值(注意可以接受負值,也就是左上角就是坐標的原點,圖片的左上角就是坐標值的大小),記住一定要帶單位。默認值為:left top

例子:

<style>
        .box{
            height: 1000px;
            width: 1000px;
            background-image: url("image/snow.jpg");
            background-repeat: no-repeat;
            background-position: center center;
        }
</style>

<div class="box">
</div>
專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享學習方法和需要注意的小細節,互相交流學習,不停更新最新的教程和學習技巧(從零基礎開始到WEB前端項目實戰教程,學習工具,全棧開發學習路線以及規劃)

3.使用方式:

我們使用背景圖片,而不是使用img標簽,這是因為,當我們使用img標簽的時候,如果圖片很大那么下面就會有滾動條,但是這種網頁是很垃圾的,因為展示出來首頁,就是讓大家看的,加一個滾動條很不舒服。那我們用小圖片不就得了,這其實也不行,因為我們每個人的屏幕分辨率大小都不同,因此需要一張較大的背景圖片來解決上面的問題。

向AI問一下細節

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

AI

库尔勒市| 南宫市| 淮北市| 海晏县| 南岸区| 巴东县| 阿荣旗| 新源县| 磐安县| 凤凰县| 南和县| 柘荣县| 镇康县| 丹东市| 东至县| 平舆县| 宜州市| 仪陇县| 梓潼县| 高台县| 甘肃省| 育儿| 合作市| 通州区| 本溪| 陇川县| 隆回县| 平顶山市| 仪征市| 武清区| 河间市| 砚山县| 嵊泗县| 江川县| 枞阳县| 商南县| 顺昌县| 宣威市| 通河县| 新乡市| 清远市|