html CSS回到顶部代码,改成距离顶部100PX

html-css021

html CSS回到顶部代码,改成距离顶部100PX,第1张

代码:<p class="backtop"><a href="#">回到顶部</a></p>

CSS:

.backtop{position:fixedright:0top:100px}

想要div css 文字离顶部距15px的效果非常简单。方法也有很多,可以直接改变文字的样式属性,也可以改变div的样式属性。这里介绍一种通过改变div的样式属性的方法。通过改变内边距padding-top。以下演示具体步骤:

1、打开HTML文件编辑器,新建一个HTML文件,先添加HTML文件的基本标签元素。

2、基本标签元素添加完毕后在body标签里添加一个div元素和在div元素内添加想要展示的文字。

3、接下来给div元素添加样式属性,这里同过行内式的方法添加属性,也可以通过行外式,外部式都可以。其中核心代码是:padding-top:15px。

4、保存后运行,效果如图: