CSS如何将按钮上移

这篇文章主要介绍CSS如何将按钮上移,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

CSS把按钮上移的方法:首先打开相应的HTML文件,然后通过给按钮添加样式为”。btn {margin-top: -10 px;}”来实现向上移动即可。

用margin-top的属性设置按钮的位置。

假设按钮的类为btn,向上移动10像素。css:

.btn { 　　margin-top: -10 px; 　　}

保证金:设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并同。样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

允许使用负值。

扩展资料:

CSS外边距:

围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空”白。

设置外边距的最简单的方法就是使用保证金属性,这个属性接受任何长度单位,百分数值甚至负值。

保证金属性接受任何长度单位,可以是像素,英寸,毫米或em。

保证金可以设置为汽车。更常见的做法是为外边距设置长度值。

保证金的默认值是0,所以如果没有为保证金声明一个值,就不会出现外边距。但是,在实际中,浏览器对许多元素已经提供了预定的样式,外边距也不例外。

因此,如果没有为p元素声明外边距,浏览器可能会自己应用一个外边距。当然,只要你特别作了声明,就会覆盖默认样式。

可以使用下列任何一个属性来只设置相应上的外边距,而不会直接影响所有其他外边距:

margin-top, margin-right, margin-bottom, margin-left。

以上是“CSS如何将按钮上移”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

CSS如何将按钮上移