关于按钮的css问题

原创 2006年05月23日 16:07:00

1)

.Box   {  
  BORDER-RIGHT:   #dfe7ed   1px   solid;    
  BORDER-TOP:   #dfe7ed   1px   solid;    
  MARGIN:   15px;    
  BORDER-LEFT:   #dfe7ed   1px   solid;    
  BORDER-BOTTOM:   #dfe7ed   1px   solid;    
  BACKGROUND-COLOR:   #f0f8ff;  
  padding-top:   2px;   //设定上边距  
  }  

2)

.Box   {  
  BORDER-RIGHT:   #dfe7ed   1px   solid;    
  BORDER-TOP:   #dfe7ed   1px   solid;    
  MARGIN:   15px;    
  BORDER-LEFT:   #dfe7ed   1px   solid;    
  BORDER-BOTTOM:   #dfe7ed   1px   solid;    
  BACKGROUND-COLOR:   #f0f8ff;  
  padding-top:   2px;   //设定上边距  
                    height:17px;//设定按钮的高度  
  }

CSS设置按钮式超链接

CSS设置按钮式超链接           网页上有很多超链接都是按钮的形式,这些都使用了各种图片,这里通过CSS普通的属性实现按钮的效果。           首先,建立最简单的HTML页面,代...
  • nangeali
  • nangeali
  • 2016年11月20日 19:34
  • 682

CSS3翻页按钮

CSS3翻页按钮 用CSS3做出的翻页按钮样式 按钮样式图 ​在CSS当中设定按钮的样式,颜色、阴影、大小、圆角、文字颜色、大小、线性渐变等属性: .butt...
  • limu693992297
  • limu693992297
  • 2016年06月06日 16:26
  • 332

【CSS】一种不用插件纯手写css的扁平化按钮悬停颜色变化的讨论

上次在《【CSS】扁平化都是纸老虎,看怎么抛弃前端框架在IE6扁平化》已经提及到扁平化按钮在IE6的实现方案,现在我再给出一种在IE8实现按钮扁平化的悬停的解决方法。悬停属性只能支持到IE8了,IE6...
  • yongh701
  • yongh701
  • 2015年03月08日 20:29
  • 1850

CSS3实现关闭按钮

css测试网站 x关闭按钮样式在本文中将分享用CSS3设计出来的样式来呈现出关闭按钮的样子,这样以后想设计简单的对话框,就不需要求美工来帮忙画按钮的图片了。先来看看样式:/* basic style ...
  • baidu_27301643
  • baidu_27301643
  • 2016年11月29日 16:25
  • 2426

9款经典华丽的CSS3分享按钮

如果你经常活跃在一些社交网站上,那么你肯定会看到过很多形式各异的分享按钮,目前由于HTML5和CSS3的普及,很多分享按钮也都应用了CSS3样式,甚至会有很多带有动画的CSS3分享按钮。本文就向大家介...
  • yanghaonan7758
  • yanghaonan7758
  • 2017年05月02日 09:16
  • 209

css纯代码实现圆边框和圆按钮

一、CSS3圆角的优点 传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点:   * 减少维护的工作量。图片文件的生成...
  • qq_25107499
  • qq_25107499
  • 2015年10月12日 10:45
  • 6363

CSS样式实现选择按钮

CSS样式实现选择按钮表单元素中的选择按钮的原生样式并不好看,在实际项目中需要优化。很多优化的方法都用CSS美化按钮的原生样式,或用图片来代替原生样式。本文描述了使用CSS样式实现方形选择按钮和圆形选...
  • u012780336
  • u012780336
  • 2017年06月29日 18:31
  • 579

纯css实现开关按钮(滑块)

在线展示开关按钮 本地下载代码 在线编辑html:
  • erdouzhang
  • erdouzhang
  • 2017年03月17日 09:15
  • 1373

CSS 设置按钮,文本输入框

CSS3 制作按钮和文本输入框
  • DJL123DJL
  • DJL123DJL
  • 2015年06月23日 20:05
  • 895

利用css3实现漂亮下载按钮

效果图如下: 代码如下: Live Preview body { padding: 20px; background: black;...
  • xuweilinjijis
  • xuweilinjijis
  • 2013年03月18日 14:40
  • 1134
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于按钮的css问题
举报原因:
原因补充:

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