一个典型的CSS控制的按钮样式
来源:互联网 发布:mac程序卡住了怎么办 编辑:程序博客网 时间:2024/05/22 02:15
.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
}
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 底边线
}
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>
这是一个HTML的按钮代码,应用样式中的类btn
- 一个典型的CSS控制的按钮样式
- 一个不错的CSS样式按钮
- 几款很漂亮的CSS控制的按钮样式
- 控制页面按钮的样式
- 一个很漂亮的按钮样式 纯css
- 怎么用css制作一个3D样式的按钮
- 控制换行的css样式
- 不错的CSS样式[漂亮的按钮]
- 常用的到的按钮CSS样式
- android 控制按钮各个状态的样式
- 关于表单按钮的css样式大全
- 纯CSS打造漂亮的按钮样式
- 几个好看的css按钮样式
- 很漂亮的按钮css样式
- css改变下拉按钮的样式
- Css样式制作好看的按钮
- 给选中的按钮设置css样式
- 一个css做的按钮
- 我在CSDN上共享的资源
- FPGA 简介
- 如何用PHP制作静态网站的模板框架
- Windows Scripting Host:脚本语言的通用脚本主机(全文)
- ASP连接数据库的方法大全
- 一个典型的CSS控制的按钮样式
- PHP and Web Services 学习
- [NET]关于在ASP.NET中物理路径和虚拟路径的取得
- Javax.comm简介
- 网页设计师必读
- O/R Mapping基础
- 各种编程语言小结
- 声明函数指针并实现回调
- 如何通过宽带路由器搭建WEB/FTP服务器