一些漂亮的CSS样式

原创 2004年10月28日 19:00:00
郑重声明:以下内容摘抄自CSDN的BLOG,目的只为了以后使用方面,所以存放此处,并无其它意思。
<html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style>
.btn {
 BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
 BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
 BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
 BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
 BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
 BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup {
 BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn_2k3 {
 BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
}
</style>
<body>
<button class=btn title="这是CSDN的官方按钮"> CSDN Button</button><br>
<button
class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
 onmouseout="this.className='btn1_mouseout'"
 title="这是JoeCom(juwuyi)的原创按钮 Joecom'sblog:http://blog.csdn.net/juwuyi"
> Green Button</button><br>
<button class=btn1_mouseout onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'" DISABLED
> Green Button</button>
<P>
<button class=btn2 title="这是e商2003的官方按钮">2003 Button</button>
<P>
<button class=btn3_mouseout onmouseover="this.className='btn3_mouseover'"
 onmouseout="this.className='btn3_mouseout'"
 onmousedown="this.className='btn3_mousedown'"
  onmouseup="this.className='btn3_mouseup'"
  title="Joecom'sblog:http://blog.csdn.net/juwuyi"
> QQ Button</button>
<P>
<button class=btn_2k3 title="这是JoeCom(juwuyi)的原创按钮 Joecom'sblog:http://blog.csdn.net/juwuyi"> 2k3 Button</button>
</body>
</html>

css样式大全(整理版)

字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-styl...
  • u010983763
  • u010983763
  • 2017年03月29日 15:48
  • 2426

二十款漂亮的CSS字体样式

样式一:   body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Times New Roman", Tim...
  • Truong
  • Truong
  • 2014年01月29日 15:15
  • 110949

制作好看又非常简单CSS样式的颜色块

在这里我将我最近学到的CSS样式的渐变颜色块记录下来
  • qq_28499043
  • qq_28499043
  • 2015年08月25日 18:49
  • 2501

CSS+DIV:实现炫酷网页样式与布局

虽然之前也接触过HTML和CSS,也做过一段时间的项目,使用过CSS和DIV,但是终究没有体会到这两者融会贯通后,所能达到的效果,远远超乎我的想象。         其实很多写过前端页面的人都知道DI...
  • u010929604
  • u010929604
  • 2015年08月01日 07:45
  • 4194

漂亮的div弹出窗口样式

  • 2010年10月29日 11:10
  • 10KB
  • 下载

DIV+CSS漂亮的样式

  • 2010年08月12日 08:07
  • 16KB
  • 下载

漂亮的表格样式(使用CSS样式表控制表格样式)

  依照WEB2.0风格,设计了几个表格样式,希望大家喜欢。WEB2.0提倡使用div开布局,但不是要完全放弃使用表格,表格在数据展现方面还是不错的选择。现在使用介绍使用CSS样式表来控制、美化表格的...
  • wallimn
  • wallimn
  • 2008年03月24日 13:35
  • 137018

四个好看的CSS样式表格

1. 单像素边框CSS表格 这是一个很常用的表格样式。 源代码: table.gridtable { font-family: verdana,arial,sans-serif; f...
  • nightelve
  • nightelve
  • 2012年09月08日 12:51
  • 412437

不错的CSS样式[漂亮的链接]

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1...
  • hawkjin
  • hawkjin
  • 2007年04月29日 23:00
  • 2853

一款很漂亮的CSS3登录界面

一款很漂亮的CSS3登录界面-随着高级浏览器的出现,对css3的支持也很不错了,下面我展现自己用CSS3做的一款登陆界面。 -效果如图 -代码如下: 一款很漂亮的CSS3...
  • jl244981288
  • jl244981288
  • 2015年07月29日 13:19
  • 7872
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一些漂亮的CSS样式
举报原因:
原因补充:

(最多只允许输入30个字)