課程
/前端開(kāi)發(fā)
/HTML/CSS
/十天精通CSS3
為什么給樣式里的數(shù)字加上px后不顯示效果?給30加px,就沒(méi)有邊框里的圖片了,去掉px,就好了
2015-11-20
源自:十天精通CSS3 2-4
正在回答
圖片剪裁位置(border-image-slice)此參數(shù)特點(diǎn)比較鮮明:1、沒(méi)有單位,專指像素。這類似于flash的as腳本,舞臺(tái)高寬,影片剪輯大小,位移直接就是一個(gè)數(shù)值,沒(méi)有單位,因?yàn)槟J(rèn)單位就是像素(px)了。例如:border-image:url(border.png) 27 repeat;這里的27專指27像素。
2、支持百分比值,百分比值大小事相對(duì)于邊框圖片而言,假設(shè)邊框圖片大小為400px*300px,則20%的實(shí)際效果就是剪裁了圖片的60px 80px 60px 80px的四邊大小。
梓summer 提問(wèn)者
碼農(nóng),上代碼說(shuō)話,沒(méi)代碼……
給一下完整代碼
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
2 回答為什么加了px之后沒(méi)效果了?
6 回答加上px就沒(méi)有辦法顯示邊框圖片
2 回答為什么0后面加上px就通不過(guò)
2 回答本地測(cè)試,參數(shù)不能加px 否則無(wú)效
1 回答給最后加了rotate后為什么前面skew設(shè)的扭曲效果不見(jiàn)了?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-12-11
圖片剪裁位置(border-image-slice)
此參數(shù)特點(diǎn)比較鮮明:
1、沒(méi)有單位,專指像素。這類似于flash的as腳本,舞臺(tái)高寬,影片剪輯大小,位移直接就是一個(gè)數(shù)值,沒(méi)有單位,因?yàn)槟J(rèn)單位就是像素(px)了。例如:border-image:url(border.png) 27 repeat;這里的27專指27像素。
2、支持百分比值,百分比值大小事相對(duì)于邊框圖片而言,假設(shè)邊框圖片大小為400px*300px,則20%的實(shí)際效果就是剪裁了圖片的60px 80px 60px 80px的四邊大小。
2015-11-20
碼農(nóng),上代碼說(shuō)話,沒(méi)代碼……
2015-11-20
給一下完整代碼