css中如何去掉button（按钮）的边框？css禁用按钮，用css怎么按钮

本文目录

• css中如何去掉button（按钮）的边框
• css禁用按钮，用css怎么按钮
• 怎么给按钮添加CSS样式
• css里如何移动按钮的位置
• 用css写一个简单的按钮
• css怎么写按钮类

css中如何去掉button（按钮）的边框

在css中，主要通过border属性的设置，实现去掉边框。以代码器：zend studio 10.0为例，可参考以下步骤去掉button（按钮）的边框：

1、新建一个html文件，命名为test.html，用于讲解。

2、在test.html文件内，使用button标签创建一个按钮，用于测试。

3、在test.html文件内，给button按钮添加一个id属性，用于样式的设置。

4、在test.html文件内，编写《style type=“text/css“》《/style》标签，页面的css样式将写在该标签内。

5、在css标签中，通过id设置button的样式，定义其背景颜色为蓝色，文字颜色为白色，最后，将border属性设置为none，实现去掉button的边框。

6、在浏览器打开test.html文件，查看实现的效果。

css禁用按钮，用css怎么按钮

需要准备的材料分别有：电脑、浏览器、html器。

1、首先，打开html器，新建html文件，例如：index.html。

2、在index.html中的《style》标签中，输入css代码：

button {border:0;width: 200px;height: 80px;background-color: gainsboro; cursor: not-allowed}

3、浏览器运行index.html页面，此时通过css实现了按钮的禁用样式。

怎么给按钮添加CSS样式

给按钮添加css样式的方法：

添加方法：

1、.btn {BORDER-RIGHT: #7b9ebd 1px solid; 右边线

2、PADDING-RIGHT: 2px; 内边距 右

3、BORDER-TOP: #7b9ebd 1px solid; 上边线

4、PADDING-LEFT: 2px; 内边距 左

5、FONT-SIZE: 12px; 文字大小

6、BORDER-LEFT: #7b9ebd 1px solid; 左边线

7、CURSOR: hand; 鼠标移上去时，变成手形。

8、COLOR: black; 颜色黑 （表示文字颜色）

9、PADDING-TOP: 2px; 内边距 上

10、BORDER-BOTTOM: #7b9ebd 1px solid }底边线

扩展资料

CSS样式部分

大小 {font-size: 12px}，x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD

样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)

行高 {line-height: normal;}(正常) 单位：PX、PD、EM

粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常)

变体 {font-variant: small-caps;}(小型大写字母) normal;(正常)

大小写 {text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)

修饰 {text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)

常用字体： (font-family)

“Courier New“, Courier, monospace, “Times New Roman“, Times, serif, Arial, Helvetica, sans-serif, Verdana

背景属性： (background)

色彩 {background-color: #FFFFFF;}

图片 {background-image: url();}

重复 {background-repeat: no-repeat;}

滚动 {background-attachment: fixed;}(固定) scroll;(滚动)

位置 {background-position: left;}(水平) top(垂直);

字间距 {letter-spacing: normal;} 数值 /*这个属性有用，多实践下*/

对齐 {text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中)

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。

用css写一个简单的按钮

button{ 
    width:70px;
    height:30px;
    color:#fff; 
    text-align: center; 
    background-color:#c00; 
    color:#fff;
    line-height: 28px;
    border-radius:15px; 
    border:0; 
    outline: 0; 
    transition: background 0.2s 
} 
button:hover{ 
    background:#666
}《button》Go《/button》

css怎么写按钮类

你按钮上都没写class类怎么用.button来控制这个按钮的样式呢
你可以用 input[type=“button“] {}来选择这个所有的《input type=“button“ 》这些按钮
或者你还想用上面的那种写法，你可以这么改
《input type=“button“ class=“button“ name=“caigou“ id=“caigou“ value=“采购“ style=“width:50px; height:50px;“/》
《input type=“button“ class=“button“ name=“xiaoshou“ id=“xiaoshou“ value=“销售“ /》
给每个按钮加上一个button的类这样你就可以用 .button 来控制了
或则楼上的说法也可以，虽然有点烦，按钮的另一种写法是《button》销售《/button》如果是这样写的话，就直接用 button{}来控制这个按钮的样式