本文目录
- 如何改变delphi中按钮的样式
- 页面如何添加按钮以及按钮样式设置
- 怎么给按钮添加CSS样式
- 如何设置自定义按钮的样式
- CSS可否改变设置按钮的样式怎么做呢菜鸟求教~
- Axure实战006:如何美化单选复选框按钮样式
- 和平精英怎么设置载具控制按钮样式
如何改变delphi中按钮的样式
改变 delphi 中按钮的样式，有多种方法：一、你可以借用第三方控件的 Button 控件，有多种样式可以选择。二、对于 delphi 内置标准的TButton 组件，比较方便的做法，是使用皮肤类组件。三、自己写代码编写按钮的重绘事件。
页面如何添加按钮以及按钮样式设置
按照HTML标准，按钮的表示如下：
《input class="class1 class2" type="button" value="这是一个按钮" style=""》
1，在上面的代码中里面的style属性，把要修改的属性直接写到style里面，属性与值之间用冒号分割，多个属性间用分号分隔，如
style="width:100px;background-color:#123"
2，为元素应用样式类，即上面代码里面的class里面的内容，其中的每个值都代表一个已定义的样式类，多个样式类之间用空格隔开，样式类一般定义在单独的样式文件中，比如下面图片中的内容是bootstrap.css里面的部分内容，其中以点开始的如container就是样式类了。
3，对于前端开发而言，目前有许多比较流行的开源框架，里面都预定义了一些常用的样式，比如你说的按钮，在bootstrap中，通过简单的使用class="btn btn-default"就可以将任意元素表现成一个按钮的样子
怎么给按钮添加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;(居中)
如何设置自定义按钮的样式
在layout中添加2个按钮，从下图中可以看出在按钮中调用了style和android:background属性，这两个属性一个是自定义样式，一个是给按钮添加背景图片，下面详细介绍下展开res目录，可以看到在values目录下有styles.xml文件，该文件用于自定义样式，双击打开下图中标注的是我自定义的样式，name为BtnStyle，当按钮调用自定义样式的时候访问这个name下图是在button中调用自定义样式的方法，比较简单下面分享下如何往按钮中添加自定义图片，使按钮看起来更漂亮些，因不同手机分辨率不同，那必然牵扯到图片的拉伸，在android系统下有个很好的技术“九宫格“，可以对图片进行处理，只对局部进行拉伸，给工具目录存储在android\sdk\tools\draw9patch.bat，经过该工具处理的图片以.9.png结尾，放到drawable文件夹中下图是在Button中通过android:background属性加载图片的方法，至此我们自定义的按钮样式也就完成了，当然这只是个引子，在具体的项目工程中实现的效果要比这个demo复杂很多，有好的设计思路欢迎交流。
CSS可否改变设置按钮的样式怎么做呢菜鸟求教~
1、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
2、按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签。
3、《style type="text/css"》《/style》样式表。style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。
4、把 样式表中的 button{}改成了.ui_button{}，然后在button标签里面加了class属性，这样做的意思是，这个button标签使用了名字为ui_button的样式。
5、通过javascript动态修改样式，为了避免用户多次点击提交按钮重复提交信息，在用户点击提交按钮之后，禁用按钮，并设置按钮字体的颜色为灰色。
6、修改样式的其他方法：obj.style.cssText = "color:#E1E1E1;background-color:black;";cssText可以写多个样式样式属性。
7、修改样式的其他方法：obj.setAttribute("class", "style2");直接更改按钮标签的class属性，把指向名为ui_button的样式改为指向名为style2的样式。
8、修改样式的其他方法：《link href="css1.css" rel="stylesheet" type="text/css" id="css"/》obj.setAttribute("href","css2.css");修改引用外部的样式表文件，这样就可以对整个页面的样式进行全部更新。
Axure实战006:如何美化单选复选框按钮样式
Axure提供的组件中，复选框的样式是固定的，没法修改的，如果想要美化复选框样式，只能自己做，美化的方式有两种：
1、自己用组件形状画，通过填充颜色，设置描边和阴影进行美化。
2、如果你有更高的要求，或者想做高保真原型，就让UI设计师设计复选框样式，记得至少要两种状态样式，选中状态和非选中状态。
自己做复选框在技术上也有两种实现方式：
1、通过动态面板实现，将复选框的两个样式置于动态面板的两个状态里，点击动态面板切换状态，就能实现复选框的效果。
2、通过显示隐藏元件实现，将两个状态的元件叠放在一起，设置点击一个元件隐藏自己显示另一个元件，也能实现复选框的效果。
另外，原型毕竟是原型，一般情况下不用刻意去美化某个组件，除非你想做高保真原型。
和平精英怎么设置载具控制按钮样式
1.打开和平精英游戏首页，在页面的右下方打开 设置，如下图。
2.然后在设置页面里的右边分类栏里打开 载具设置，如下图。
3.打开载具设置页面就可以看到 载具控制样式选择，如下图。
4.点击喜欢的按钮样式就会自动更替换成你要的样式，如下图。
5.在控制样式的下方有个 驾驶视角，可以选择 自由视角，如下图。
6.载具设置页面的右下方还有个 车载音乐，不喜欢背景音乐的，还可以把这个功能关闭，如下图。
