站長資訊網(wǎng)
在css中，top是“頂部”、“距離頂部的距離”的意思，top屬性與position屬性一起使用，用于設(shè)置定位元素距離頂部的距離。top屬性能夠定義一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移，top屬性只有在定位元素上才起作用。
本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中top是什么意思
在css中，top是“頂部”的意思，top屬性用于設(shè)置定位元素距離頂部的距離。
top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。
注釋：如果 "position" 屬性的值為 "static"，那么設(shè)置 "top" 屬性不會產(chǎn)生任何效果。
語法如下：
position：absolute； //這個是必須的，top和left才能起作用 top: 10px; //距離頂部10像素，就是想下面移動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視頻教程）
