這篇文章將為大家詳細講解有關css中bottom屬性如何使用,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
css bottom屬性用于規(guī)定元素的底部邊緣,該屬性定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。如果 "position" 屬性的值為 "static",那么設置 "bottom" 屬性不會產生任何效果。
css bottom屬性怎么用?
作用:bottom 屬性規(guī)定元素的底部邊緣。
說明:該屬性定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。如果 "position" 屬性的值為 "static",那么設置 "bottom" 屬性不會產生任何效果。
注釋:所有主流瀏覽器都支持 bottom 屬性。任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
css bottom屬性使用示例
<html> <head> <style type="text/css"> img.ex1 { position:absolute; bottom:0px; } img.ex2 { position:relative; bottom:-100px; } </style> </head> <body> <img class="ex1" src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" /> <h2>This is a heading</h2> <img class="ex2" src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" /> </body> </html>
關于css中bottom屬性如何使用就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
名稱欄目:css中bottom屬性如何使用-創(chuàng)新互聯(lián)
文章出自:http://sd-ha.com/article44/decsee.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站維護、網站策劃、品牌網站建設、域名注冊、小程序開發(fā)、網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容