IT技术学习网
IT技术学习网
您的位置: 主页 > 编程技术 > html >

锚点设置距离顶部高度的方法

2015-01-13 15:30 来源: IT技术学习网原创 阅读:

本文给大家介绍纯css实现锚点设置距离顶部高度的方法,使锚点不再紧贴页面顶部。

默认情况下,我们为网页添加锚点,点击后,锚点的位置在我们所能看到的页面的最顶端。

这样其实并不太好,一般我们更习惯于让它居中或者移下来一些。

实现方法非常简单,纯css一句话实现:

a:target{
padding-top: 100px;
}

以上css实现了让锚点距离页面顶部100px。

锚点设置距离顶部高度的方法
转载需注明出处:IT技术学习网 http://www.itjsxx.com/html/anchor_distance.html

标签:
评论文章 锚点设置距离顶部高度的方法
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 匿名
    2015-11-30 10:16:46发表

    Un altro possibile svantaggio di [url=http://www.napizza.it/]hogan outlet roma[/url] essere a conoscenza di quando si acquista un sistema di energia solare di monitoraggio, [url=http://www.magnolya.fr

  • 匿名
    2015-10-07 16:48:38发表

    natural gas and other fossil fuels still dominate the EUs total energy consumption of about 3/4 to bring climate change,[url=http://www.westsidemedia.co/]barbours[/url], air pollution and other aspec

IT技术学习网 - 关于我们 - 联系我们 - 版权声明 - 网站地图