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

溫馨提示×

溫馨提示×

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

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

如何在css中設置圖片不平鋪

發布時間:2021-04-29 15:39:28 來源:億速云 閱讀:438 作者:Leah 欄目:web開發

這篇文章將為大家詳細講解有關如何在css中設置圖片不平鋪,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。

什么是css

css是一種用來表現HTML或XML等文件樣式的計算機語言,主要是用來設計網頁的樣式,使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中,而樣式規則的優先級由css根據這個層次結構決定,從而實現級聯效果,發展至今,css不僅能裝飾網頁,也可以配合各種腳本對于網頁進行格式化。

css設置圖片不平鋪的方法:

css可以使用background-repeat屬性設置圖片不平鋪。

屬性值:

  • repeat:沿水平豎直兩個方向平鋪,這也是默認值

  • no-repeat:不平鋪,即只顯示一次

  • repeat-x:只沿水平方向平鋪

  • repeat-y:只沿豎直方向平鋪

背景圖像的位置是根據 background-position 屬性設置的。如果未規定 background-position 屬性,圖像會被放置在元素的左上角。

示例:

設置圖片不平鋪

<body>
<style>
.box{ border:1px solid #093; width:800px; height:800px;
background:url(img/3.jpg)no-repeat;}
</style>
<div class="box">
hello word
</div>
</body>

效果圖:

如何在css中設置圖片不平鋪


關于如何在css中設置圖片不平鋪就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

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

css
AI

邢台县| 小金县| 诸城市| 岳池县| 黄龙县| 贵南县| 额尔古纳市| 滨海县| 晋江市| 建昌县| 西盟| 永川市| 梅河口市| 秦安县| 南安市| 若羌县| 嵊泗县| 井研县| 承德市| 应城市| 大荔县| 屏东市| 卓资县| 禹州市| 田林县| 清镇市| 深水埗区| 元朗区| 安平县| 庐江县| 湖北省| 成都市| 随州市| 长海县| 辽阳县| 稷山县| 静宁县| 德保县| 湘西| 贵溪市| 高尔夫|