button按钮的样式（怎样设置button的默认样式）

本文目录

• 怎样设置button的默认样式
• 使用什么类名可以定义单个主按钮的样式
• 如何更改button的样式
• html button怎么设置按钮形状
• 如何自定义android Button样式
• html,网页自定义button外形
• 可不可以改变 禁用的button按钮的样式
• 如何让button按钮变成透明
• 怎样给button设置默认的css样式

怎样设置button的默认样式

　　设置button的默认样式的方法

• 在layout中添加2个按钮，从下图中可以看出在按钮中调用了style和android:background属性，这两个属性一个是自定义样式，一个是给按钮添加背景图片，下面详细介绍下

• 步骤阅读.2展开res目录，可以看到在values目录下有styles.xml文件，该文件用于自定义样式，双击打开

• 步骤阅读.3下图中标注的是我自定义的样式，name为BtnStyle，当按钮调用自定义样式的时候访问这个name

• 步骤阅读.4下图是在button中调用自定义样式的方法，比较简单

• 步骤阅读.5下面分享下如何往按钮中添加自定义图片，使按钮看起来更漂亮些，因不同手机分辨率不同，那必然牵扯到图片的拉伸，在android系统下有个很好的技术“九宫格“，可以对图片进行处理，只对局部进行拉伸，给工具目录存储在android\sdk\tools\draw9patch.bat，经过该工具处理的图片以.9.png结尾，放到drawable文件夹中

• 步骤阅读.6下图是在Button中通过android:background属性加载图片的方法，至此我们自定义的按钮样式也就完成了，当然这只是个引子，在具体的项目工程中实现的效果要比这个demo复杂很多，有好的设计思路欢迎交流。

使用什么类名可以定义单个主按钮的样式

使用Button类名可以定义单个主按钮的样式。

在layout中添加2个按钮，在按钮中调用了style和android:background属性，这两个属性一个是自定义样式，一个是给按钮添加背景图片。

首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。

主要特点：

画Layout的人必须在脑海里意识到摄影机的存在，从摄影机的观点去看场景里的一草一木，然后将这些画面详细地画下来。

这个工作，主要是弥补不大会画图的导演所画的分镜表，将杂乱简略的画面仔细的呈现出来，作为日后原画、动画、背景、色指定等等的依据。

在电子设计领域layout被越来越多的谈及，其主要是指PCB的布局布线，Layout的好坏已经直接影响到消费电子产品的性能。

如何更改button的样式

《style》button{ background:#F0F0F0 repeat-x; padding-top:3px; border-top:1px solid #708090; border-right:1px solid #708090; border-bottom:1px solid #708090; border-left:1px solid #708090; width:80px; height:auto; font-size:10pt; cursor:hand;}《/style》《form method=“POST“ action=““ name=“myform“》 《button name=“B1“ 》按钮《/button》《/form》

html button怎么设置按钮形状

可以通过样式来设置：你可先给你的按钮设置一个class,比如：class=“btn“；方法有3种：1.如果有你外链样式表你可以在样式表征.btn{width:200px;height:50px;}2.如果没有连接你直接上头部加上《style type=“text/css“》.btn{width:200px;height:50px;}《/style》3.你可以直接在按钮上加比如：《button style=“width:200px;height:50px;“》按钮《/button》

如何自定义android Button样式

  在windows7操作系统Android studio中按照如下方法定义button的样式。

1、首先使用Android studio创建一个项目，项目结构如下：

2、依次打开，res--》values--》style文件，如下图：

3、在该文件中添加一个style，包括属性名和属性，如下图：

4、在xml布局中使用style样式，如下图：

html,网页自定义button外形

表单元素（input,textarea,select,button等）都是可以自定义样式的。和普通的html标签一样，给他相应的class或id名称即可。对于按钮类的美化，首先，你应该取出其border属性（假设你需要使用背景图片的画）。如：border:none;否则的话，你的按钮会像一个凸起的方块。然后，你还需要给你的按钮一个块属性display:block;如果，同一行内有多个按钮，则给一个display:inline-block属性，然后设置其宽度、高度。里面可以使用文字，也可以使用图片（background写入即可）。如果使用图片，那么你可能需要把里面的文字隐藏，这就是display的作用。隐藏文字的写法通常是：text-indent:-300px;文字向左缩进，font-size:0px;字号缩小，overflow:hidden;超出隐藏。聚焦效果，则可以使用js或jq的事件绑定来修正，如js：onMouseover=“this.className=’hover’“ 鼠标划过的时候给一个hover的名称onMouseout=“this.className=’’“; 鼠标滑出的时候移除刚才添加的名称css则对应起来：#my_button button {}#my_button button.hover,#my_button button:hover {}

可不可以改变 禁用的button按钮的样式

• 首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：

  打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式！

• CSS：style属性设置。如下代码所示：按钮的样式是不是好看多了，在其他浏览器也会一样的显示这个效果。

  注：如果按钮样式比较少、样式只对该按钮有效，那么就可以用style属性。

  如下图代码所示，该按钮样式比较多，这样写让代码不整洁，可阅读性差，那么怎么解决这个问题呢，这就要用style标签了！

• CSS：《style type=“text/css“》《/style》样式表。如下代码所示：

  style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。

  注：如果希望这个页面所有的按钮(button)都使用这个

• CSS：《style type=“text/css“》《/style》样式表 加 class属性。如下代码所示：

  注意看到代码的变化，我们把 样式表中的  button{}改成了.ui_button{}，然后在button标签里面加了class属性，这样做的意思是，这个button标签使用了名字为ui_button的样式。

  注：这是开发中比较常用的添加样式的方式，我们可以对需要添加样式的按钮指定一个样式。

• JS：通过javascript动态修改样式。如下代码所示：

  很多适合我们需要动态的改变样式，比如用户提交个人信息的适合，为了避免用户多次点击提交按钮重复提交信息，我们可以在用户点击提交按钮之后，禁用按钮，并设置按钮字体的颜色为灰色。

• JS：修改样式的其他方法：

  obj.style.cssText = “color:#E1E1E1;background-color:black;“;

  cssText可以写多个样式样式属性。

  如下面代码：

• JS：修改样式的其他方法：

  obj.setAttribute(“class“, “style2“);

  直接更改按钮标签的class属性，把指向名为ui_button的样式改为指向名为style2的样式。

  如下面代码：

• JS：修改样式的其他方法：

  《link href=“css1.css“ rel=“stylesheet“ type=“text/css“ id=“css“/》

  obj.setAttribute(“href“,“css2.css“);

  修改引用外部的样式表文件，这样就可以对整个页面的样式进行全部更新！

  如下面代码：

如何让button按钮变成透明

1、打开vscode，创建一个html5规范的测试页面H5Button.html。如果没有vscode，使用文本文件也是一样的效果，

2、在测试页面中添加一个按钮，注意，h5页面的按钮是button标签，不再是input标签了，

3、在浏览器中运行测试页面，可以看到默认按钮的样子，这样的按钮样式，通常来说是不被接受的，因为太过于普通，

4、在测试页面中，添加style代码块，在这里对所有button进行样式修改。因为，此处仅仅只做演示，所以，直接对按钮进行了样式修改，如果只需要对部分按钮进行样式修改，就可以使用类或者id选择器，

5、在浏览器中，再次运行测试页面，可以看到按钮变大了，其余并没有太大的区别，

6、这个时候，继续在测试页面中，对按钮的样式进行修改，添加按钮文字的颜色、按钮背景色、按钮边框大小和颜色，

7、在浏览器中运行，可以看到按钮看起来就变成透明的了，与之前默认样式的按钮完全不一样了。

怎样给button设置默认的css样式

给按钮添加css样式有以下三种方法：1，直接在元素上定义style，如下：1 《input type=“button“ style=“这里定义样式“》2，页面中内嵌样式，如下：1234 《style》 .btn{需要添加的样式}《/style》《input type=“button“ class=“btn“》3，外部引用css文件，如下：1 《link rel=“stylesheet“ type=“text/《a href=“https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4nyDsn1m1P1TzPHckPhwW0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPjnYnW0Ln1R“ target=“_blank“ class=“baidu-highlight“》css《/a》“ href=“这里是css文件的路径“》