溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css中top屬性的使用方法

發(fā)布時間:2020-09-23 14:52:29 來源:億速云 閱讀:206 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關css中top屬性的使用方法的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

css top屬性怎么用?

作用:top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

說明:

對于 static 元素,為 auto;

對于長度值,則為相應的絕對長度;

對于百分比數值,為指定值;

否則為 auto。

對于相對定義元素,如果 top 和 bottom 都是 auto,其計算值則都是 0;

如果其中之一為 auto,則取另一個值的相反數;

如果二者都不是 auto,bottom 將取 top 值的相反數。

注釋:

所有主流瀏覽器都支持 top 屬性。任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

css top屬性使用示例

<html>
<head>
<style type="text/css">
img
{
position:absolute;
top:5px;
}
</style>
</head>
<body>
<img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<h2>This is a heading</h2>
</body>
</html>

感謝各位的閱讀!關于css中top屬性的使用方法就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI