提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > css top属性怎样用【css教程】,css top

css top属性划定元素的顶部边沿,该属性定义了一个定位元素的上外边距边境与其包含块上边境之间的偏移,一切主流浏览器都支撑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="https://img.ki4.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<h1>This is a heading</h1>
</body>
</html>

结果输出:

以上就是css top属性怎样用的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"css top属性怎样用【css教程】,css top"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线