下載本文檔
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
web前端入門到實(shí)戰(zhàn):html,css制作九宮格繪制九宮格要求:九宮格垂直居中于頁(yè)面,只能用法ul和li標(biāo)簽,添加背景邊框代碼九宮格要求:1:不能修改標(biāo)簽,僅通過 css 實(shí)現(xiàn)效果2:添加綠色的邊框ulposition: fixed;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);overflow: hidden;list-style: none;width: 200px;height: 200px;border: 10px solid green;padding: 0px;liwidth: 33.3333333%;height: 33.333333%;float: left;background: pink;color: white;border: 2px solid white;flex-wrap: nowrap;box-sizing: border-box;display: flex;align-items: center;justify-content: center;123456789效果圖:有無(wú)數(shù)種辦法可以實(shí)現(xiàn),我用的是伸縮盒,原來(lái)不想用的,但是文字的上下居中沒有固定的高度惟獨(dú)百分比實(shí)在沒想到辦法居中.最后才加了伸
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 談以核心素養(yǎng)為導(dǎo)向的初中語(yǔ)文創(chuàng)意寫作教學(xué)的創(chuàng)新思路
- 2024電力地理信息大數(shù)據(jù)時(shí)空基準(zhǔn)規(guī)范
- 認(rèn)識(shí)大堂副理課件
- 53模擬試卷初中語(yǔ)文九年級(jí)下冊(cè)20曹劌論戰(zhàn)
- DB1307-T 425-2023 鴨旱地飼養(yǎng)管理技術(shù)規(guī)范
- 河南中醫(yī)學(xué)院學(xué)生綜合實(shí)訓(xùn)中心精裝修項(xiàng)目施工資格預(yù)審文件
- 跨境電商與產(chǎn)業(yè)帶深度融合面臨的挑戰(zhàn)與對(duì)策分析報(bào)告
- 高中化學(xué)必修2-第3章:乙酸的化學(xué)性質(zhì)-1人教新試題匯編
- 廢舊地膜回收加工生產(chǎn)線項(xiàng)目可行性研究報(bào)告寫作模板-申批備案
- CSTM-綠色低碳產(chǎn)品評(píng)價(jià)規(guī)范 電解鋁產(chǎn)品鋁錠
- 貴州簡(jiǎn)介課件
- 202307批次應(yīng)用文寫作復(fù)習(xí)大綱答案 對(duì)外經(jīng)濟(jì)貿(mào)易大學(xué)
- 小學(xué)信息技術(shù)第一冊(cè)第一課全套ppt
- 2023河北省對(duì)口高考語(yǔ)文試題
- 供應(yīng)室提高腔鏡器械清洗質(zhì)量PDCA案例
- (完整word版)扣字詞匯124
- 管道閉水試驗(yàn)記錄表(自動(dòng)計(jì)算)
- c語(yǔ)言兩千字論文
- 滬教牛津版七年級(jí)上冊(cè)初一英語(yǔ)全冊(cè)單元測(cè)試卷(含期中期末試卷)
- 三年級(jí)上冊(cè)科學(xué)課件-第5課植物的“身體”|青島版(六年制)
- DB3702-T 0016.2-2023實(shí)景三維青島建設(shè)技術(shù)規(guī)范第2部分:三維模型數(shù)據(jù)采集與處理
評(píng)論
0/150
提交評(píng)論