css里如何移动按钮的位置

页面有一个按钮,我想把它的位置想上移动几个像素,要怎么做?

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

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

css:

.btn{

margin-top: -10px;

}

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

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

允许使用负值。

扩展资料:

CSS 外边距:

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

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

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

margin 可以设置为 auto。更常见的做法是为外边距设置长度值。

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

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

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

margin-top、margin-right、margin-bottom、margin-left。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-10-15
用css的margin-top
当值为负数时,元素会向上移动,当值增大,元素向下移动
当不设置该值时,浏览器有一个默认的margin的值,不同浏览器不同(有些是0有些是3px等),只要定义的数值比浏览器默认值小,即可在页面呈现时上调元素位置
例:
.myStyle{
margin-top:-5px;
}本回答被提问者采纳
第2个回答  推荐于2017-10-08
用css的margin-top
当值为负数时,元素会向上移动,当值增大,元素向下移动
当不设置该值时,浏览器有一个默认的margin的值,不同浏览器不同(有些是0有些是3px等),只要定义的数值比浏览器默认值小,即可在页面呈现时上调元素位置
例:
.myStyle{
margin-top:-5px;
}
第3个回答  2015-05-21
你好,用css的margin-top

当值为负数时,元素会向上移动,当值增大,元素向下移动
例如:
.myStyle{margin-top:-5px;}

css里如何移动按钮的位置
需要运用用css的margin top,方法步骤:1、如果值为负数时,元素会向上移动;2、如果值增大,元素向下移动;3、如果不设置该值时,浏览器有一个默认的margin的值;4、需要定义的数值比浏览器默认值小,才能页面呈现时上调元素位置例。

css里如何移动按钮的位置
用margin-top的属性设置按钮的位置。假设按钮的class为btn,向上移动10像素。css:.btn{ margin-top: -10px;} margin:设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元...

小程序右上角圆圈挡住按键了
使用CSS样式来调整按钮的位置。1、将小程序右上角的圆圈挡住的按键调整到另一个位置:这样可以让用户可以正常使用按键功能。2、使用CSS样式来调整按钮的位置:使用CSS(层叠样式表)代码将小程序右上角的圆圈挡住的按键隐藏掉,这样可以让用户可以正常使用按键功能。

css无法移动按钮位置怎么办?
① 可以给那个按钮设置固定的宽高度width和height,之后设置它的margin:45% 45%;这样,基本上可以水平垂直都居中,而且是随着窗口调整都是这样的居中效果;

CSS中怎样调整控制音乐播放的按钮位置
对音乐播放器的css设置 position: absolute;right:0;bottom:0。就可以在右下角了。

如何把html中的按钮放到某个位置
方法一:绝对定位布局,利用定位,可以将按钮放到任意位置 1)将包含按钮的父级标签设置为相对定位 .d2{ width:500px;height:300px;background:#660099;position:relative; \/*设置源相对定位*\/ } 2)将按钮设置为绝对定位,百设置左边的距离,顶部的距离 .btn2{ background:#99ff00;position:...

div+css中如何在背景图中指定位置控制按钮位置?
\\x0d\\x0a\\x0d\\x0a \\x0d\\x0a\\x0d\\x0a\\x0d\\x0a这个是我做的事例代码,希望对你有帮助,定位最主要用到就是这个"position" absolute代表的是绝对位置,还有一个相对位置relative.具体位置的设置就要看margin了,分别有left\\right\\top\\bottom四个位置.自己再调调就好了.

请问我在html里定义了一个按钮但是按钮在左边,怎么把它往右边和上边移动...
看你怎么布局了,利用浮动float:left\/right\/none,,相对位置position:relative 如果只有一屏,里面的各种东西的位置不会变,也可以用css定义绝对位置position:absolute;left:xxx;top:xxx;

CSS中常用的几种定位方式
在CSS中,元素定位是布局的基础。主要分为三种类型:普通定位、相对定位、绝对定位和fixed定位。普通定位的元素在文档流中从左到右、从上到下依次排列。相对定位与普通定位类似,但允许对元素的位置进行微调,如通过设置`position:relative`,同时指定`bottom`属性,元素将相对于其原来的位置向上移动指定的...

css中按钮怎么设置
css设置按钮样式的方法:定义一个css选择器,然后在按钮标签中使用此选择器即可设置按钮样式。使用:hover伪类选择器可以设置按钮 交互时样式。

相似回答