css怎樣設(shè)置一半背景

方法：1、給元素添加“background-repeat:no-repeat”樣式，設(shè)置背景只顯示一次；2、利用“background-size”屬性設(shè)置背景只顯示一半，語法為“元素{background-size:50% 100%}”。
成都創(chuàng)新互聯(lián)長期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為碭山企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站，碭山網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css怎樣設(shè)置一半背景

在css中，想要設(shè)置一半背景，可以利用background-size屬性，background-size屬性用于指定背景圖片大小。

該屬性的值表示如下：

示例如下：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> div{ width:300px; height:300px; border:1px solid #000; background-image:url(1111.png); background-repeat: no-repeat; background-size:50% 100%; } </style></head><body> <div></div></body></html>

輸出結(jié)果：

（學(xué)習(xí)視頻分享：css視頻教程）

分享名稱：css怎樣設(shè)置一半背景
網(wǎng)站鏈接：http://jinyejixie.com/article14/cjodde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、用戶體驗(yàn)、網(wǎng)站收錄、品牌網(wǎng)站建設(shè)、外貿(mào)建站、營銷型網(wǎng)站建設(shè)

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

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

css怎樣設(shè)置一半背景