怎么给按钮添加CSS样式?

我想做一个按钮.但上面的样式是我做的图片.该怎么做呢?... 我想做一个按钮.但上面的样式是我做的图片.该怎么做呢? 展开

 我来答

5个回答

#热议# 在购买新能源车时，要注意哪些？

偷天神鼠at
2018-12-27 · TA获得超过1992个赞

知道小有建树答主

回答量：231

采纳率：66%

帮助的人：26万

我也去答题访问个人页

关注

展开全部

给按钮添加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;(居中)

已赞过 已踩过<

评论收起

游戏你我他

高粉答主

2018-12-08 · 说的都是干货，快来关注

知道答主

回答量：278

采纳率：100%

帮助的人：18.5万

我也去答题访问个人页

关注

展开全部

给按钮添加css样式有以下三种方法：

1、直接在元素上定义style，如下：

2、页面中内嵌样式，如下：

<!doctype html>

<html>

<head>

<title>怎么给按钮添加CSS样式</title>

<style>

.btn{需要添加的CSS样式}

</style>

</head>

<body >

</body>

</html>

3、外部引用css文件，如下：

扩展资料

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;(居中)

本回答被网友采纳

已赞过 已踩过<

评论收起

scott
2015-05-25 · 知道合伙人互联网行家

scott
知道合伙人互联网行家

采纳数：150 获赞数：3883

前端开发行业多年从业经验，专业前端开发工程师

向TA提问私信TA

关注

展开全部

给按钮添加css样式有以下三种方法：

1，直接在元素上定义style，如下：

<input type="button" style="这里定义样式">

2，页面中内嵌样式，如下：

<style>
    .btn{需要添加的样式}
</style>
<input type="button" class="btn">

3，外部引用css文件，如下：

<link rel="stylesheet" type="text/css" href="这里是css文件的路径">

已赞过 已踩过<

评论收起

huzpj
2008-01-09 · TA获得超过150个赞

知道答主

回答量：143

采纳率：0%

帮助的人：62.5万

我也去答题访问个人页

关注

展开全部

引用（有人回答过了）：

.btn { 
BORDER-RIGHT: #7b9ebd 1px solid; 
PADDING-RIGHT: 2px; 
BORDER-TOP: #7b9ebd 1px solid; 
PADDING-LEFT: 2px; 
FONT-SIZE: 12px; 
BORDER-LEFT: #7b9ebd 1px solid; 
CURSOR: hand; 
COLOR: black; 
PADDING-TOP: 2px; 
BORDER-BOTTOM: #7b9ebd 1px solid 
} 

<button class=btn title="CSS样式按钮">CSS样式按钮</button> 

以上是一个典型的CSS控制的按钮样式。我分别作一下简单的解释与说明： 

.btn { 
BORDER-RIGHT: #7b9ebd 1px solid; 右边线 
PADDING-RIGHT: 2px; 内边距 右 
BORDER-TOP: #7b9ebd 1px solid; 上边线 
PADDING-LEFT: 2px; 内边距 左 
FONT-SIZE: 12px; 文字大小 
BORDER-LEFT: #7b9ebd 1px solid; 左边线 
CURSOR: hand; 鼠标移上去时，变成手形。 
COLOR: black; 颜色黑 （表示文字颜色） 
PADDING-TOP: 2px; 内边距 上 
BORDER-BOTTOM: #7b9ebd 1px solid 底边线 
}


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

思科网侠
2019-02-12 · TA获得超过1.4万个赞

知道小有建树答主

回答量：607

采纳率：27%

帮助的人：45.1万

我也去答题访问个人页

关注

展开全部

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

添加方法：

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

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

扩展资料

js添加按钮样式

firefox等可以使用

var dom=document.getElementById("name");

dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;

IE中则必须使用style.cssText

var dom=document.getElementById("name");

dom1.style.cssText = "width:10px;height:10px;border:solid 1px red;";

补充一下，目前style.cssText类似innerHTML了，已经成为一个web开发的事实标准。因此测试显示firefox浏览器也支持这种方式。

jquery 给按钮添加样式

增加class：$("button").addClass("aa");
删除class：$("button").removeClass("aa");

CSS样式部分

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

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

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

大小写 {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;(居中)

本回答被网友采纳

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎么给按钮添加CSS样式?

其他类似问题

为你推荐：