button样式的demo

  

1     <style type="text/css">
2         .stylea{ margin-left:550px;}
3         .stylea INPUT{WIDTH: 81px; border-radius:8px;background:#fff; HEIGHT: 32px; border:0; font-size:12px;color:#0052A2; float:left;cursor:pointer;border: 1px solid #0052A2;}
4         .stylea INPUT:hover{background:#999;float:left;}
5         .styleb {MARGIN-LEFT:30px;float:left;}
6         .styleb INPUT {WIDTH: 81px; border-radius:8px;background:#0052A2; HEIGHT: 32px;border:0;font-size:12px;color:#fff;float:left;cursor:pointer;}
7         .styleb INPUT:hover{WIDTH: 81px; background:#999; HEIGHT: 32px;border:0;font-size:12px;color:#fff;float:left;}
8     </style>

效果如下:

时间: 2024-10-21 10:54:54

button样式的demo的相关文章

36种漂亮的CSS3网页按钮Button样式

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>36种漂亮的CSS3网页按钮Button样式</title> <style type="text/css"> body{ background: #f5faff; } .demo_con{ width: 960px; m

36种漂亮的CSS3网页按钮Button样式,总有你喜欢的

<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>36种漂亮的CSS3网页按钮Button样式</title><style type="text/css">body{ background: #f5faff;}.demo_con{width: 960px;margin:40px

android_重写button样式

这样的button样式应该源自IOS.假设安卓上实现,则须要使用android上面的layer-list来实现. 事实上layer-list有点像framlayout,作用就是覆盖. 先说一下实现原理:先画一个矩形.就是我们所示红色边框. 然后再画一个矩形将白色背景覆盖上面,设置android:left | right | top |bottom值.能够实现边框的大小. 然后在button里面设置background属性就好了,以下附上源代码. 由于三个button形状都不一样,所以要设置三个l

使用Telerik StyleMananger 改变Silverlight Button样式

Telerik 支持更改以下控件样式 System.Windows.Button System.Windows.ScrollViewer System.Windows.CheckBox System.Windows.TextBox System.Windows.RadioButton System.Windows.ListBox System.Windows.PasswordBox System.Windows.RepeatButton System.Windows.Tooltip 需要在App

wpf image button样式

1:image button样式 <Style x:Key="Button.File" TargetType="Button"> <Setter Property="Cursor" Value="Hand"></Setter> <Setter Property="Template" > <Setter.Value> <ControlTempl

android中样式和自定义button样式

1)自定义button样式 一.采用图片方式 首先新建Android XML文件,类型选Drawable,根结点选selector,自定义一个文件名. 随后,开发环境自动在新建的文件里加了selector结点,我们只需要在selector结点里写上三种状态时显示的背景图片(按下.获取焦点,正常)即可.具体如下: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="

Android Button 样式 圆角

Android应用端开发中,在设置button样式的时候,为了使减少布局中图片的使用量,则 我们可以在selectoer选择器中运用Android系统中自带的shape组件来代替图片,这样可以减少 app的索赞内存的大小. 当焦点集中的时候: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/and

bootstrap-table 使用遇到的问题总结:1.右上角button样式自定义;2.右上角引用图标自定义;3.表头/表格内容显示不对齐;4.自定义设置表头及表格边框样式

问题一:右上角button样式自定义 方法: //修改bootstrap-table右上角按钮样式 $(".table-box .columns-right button").removeClass("btn-secondary").css({"backgroundColor": "#fafafa","border": "1px solid #c2c2c2","color&qu

win8应用开发之查看Button样式

本篇主题 用Blend for Visual Studio 2012 查看button控件的样式源码. 1. 用Blend新建或者打开一个项目 一般在下载和安装visual studio 2012 的时候都会自动下载和安装Blend,如果没有可以自己下载安装. 新建或者打开项目如图所示:  <ignore_js_op> 2. 在新建项目中添加button控件 1. 在新项目左侧的资产中 ->选择资产中的控件 ->找到button,并将其拖到下面的grid中. <ignore_