欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

Css top属性怎么用

发布时间:2019-05-30  编辑:杨雨个人博客网站   点击:   

Css top属性规定元素的顶部边缘,该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移,所有主流浏览器都支持top属性。

Css top属性怎么用

Css top属性怎么用?

作用:top 属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

说明:

对于 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="http://img.itbyc.com/upload/article/000/005/656/5af270fd37755429.jpg" />
<h1>This is a heading</h1>
</body>
</Html>

效果输出:

eb58b314b2235d526e2a07ca6bef008.png 本文地址:http://itbyc.com/web/css3/21224.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1