這篇文章主要介紹html如何設(shè)置圖片與邊框的距離,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
10年積累的做網(wǎng)站、網(wǎng)站建設(shè)經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程,更有泉港免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
在css中,可以使用padding-top屬性來設(shè)置圖片的上邊框距離,只需要給圖片元素添加“padding-top:距離值;”樣式即可。padding-top屬性可以設(shè)置元素的上內(nèi)邊距(空間),不允許使用負(fù)值。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css圖片設(shè)置上邊框距離
img{
border: 1px solid red;
padding-top: 20px;
}
css padding-top 屬性
padding-top 屬性設(shè)置元素的上內(nèi)邊距(空間)。
說明
該屬性設(shè)置元素上內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的上內(nèi)邊距不會影響行高計算,因此,如果一個元素既有內(nèi)邊距又有背景,從視覺上看可能延伸到其他行,有可能還會與其他內(nèi)容重疊。不允許指定負(fù)內(nèi)邊距值。(學(xué)習(xí)視頻分享:css視頻教程)
注釋:不允許使用負(fù)值。
屬性值:
值
描述
length
規(guī)定以具體單位計的固定的上內(nèi)邊距值,比如像素、厘米等。默認(rèn)值是 0px。
%
定義基于父元素寬度的百分比上內(nèi)邊距。此值不會如預(yù)期的那樣工作于所有的瀏覽器中。
以上是“html如何設(shè)置圖片與邊框的距離”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!