文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>一个典型的CSS控制的按钮样式

一个典型的CSS控制的按钮样式

时间:2007-07-17  来源:xiang588

.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 底边线 


<button class=btn title="CSS样式按钮">CSS样式按钮</button> 
这是一个HTML的按钮代码,应用样式中的类btn 
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载