站長(zhǎng)資訊網(wǎng)
在css中，top是“頂部”、“距離頂部的距離”的意思，top屬性與position屬性一起使用，用于設(shè)置定位元素距離頂部的距離。top屬性能夠定義一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移，top屬性只有在定位元素上才起作用。
本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中top是什么意思
在css中，top是“頂部”的意思，top屬性用于設(shè)置定位元素距離頂部的距離。
top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。
注釋：如果 "position" 屬性的值為 "static"，那么設(shè)置 "top" 屬性不會(huì)產(chǎn)生任何效果。
語法如下：
position：absolute； //這個(gè)是必須的，top和left才能起作用 top: 10px; //距離頂部10像素，就是想下面移動(dòng)10像素
示例如下：
<html> <head> <style type="text/css"> img{ position:absolute; top:30px; } </style> </head> <body> <img src="1115.08.png" /> <h1>This is a heading</h1> </body> </html>
輸出結(jié)果：
（學(xué)習(xí)視頻分享：css視頻教程）
