bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

怎么在css中設置圖片不平鋪

本篇文章為大家展示了怎么在css中設置圖片不平鋪，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創新互聯公司專注于洮北企業網站建設,響應式網站建設,商城網站開發。洮北網站建設公司,為洮北等地區提供建站服務。全流程按需求定制網站，專業設計，全程項目跟蹤，創新互聯公司專業和態度為您提供的服務

css設置圖片不平鋪的方法：首先創建一個HTML示例文件；然后在style標簽中添加“background:url(img/3.jpg)no-repeat;}”來設置圖片不平鋪即可。

css的background-repeat 屬性定義了圖像的平鋪模式。從原圖像開始重復，原圖像由 background-image 定義，并根據 background-position 的值放置。

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

屬性值：

repeat：沿水平豎直兩個方向平鋪，這也是默認值

no-repeat：不平鋪，即只顯示一次

repeat-x：只沿水平方向平鋪

repeat-y：只沿豎直方向平鋪

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

示例：

1、未設置平鋪方式

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

效果圖：

怎么在css中設置圖片不平鋪

2、設置圖片不平鋪

<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中設置圖片不平鋪，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創新互聯行業資訊頻道。

網頁標題：怎么在css中設置圖片不平鋪
網頁地址：http://vcdvsql.cn/article30/pejcpo.html

成都網站建設公司_創新互聯，為您提供網站維護、虛擬主機、電子商務、定制開發、手機網站建設、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

網站托管運營