Div + CSS一些特效使div变成圆角、提交按钮的特效等等
2013-12-19 16:11
381 查看
给div添加边框:
使div变成圆角:
提交按钮的特效:
效果如图:
border:1px solid #BDCFE4;
使div变成圆角:
border-radius: 3px; //貌似在IE中不支持,没试过
提交按钮的特效:
background: none repeat scroll 0 0 #82C400; width:107px; //按钮的长度 height:42px; //按钮的高度 border-width: 0; //边框为0 font-size: 17px; //字体大小 color: #FFFFFF; //字体颜色 font-weight: 500; //字体加重 border-radius: 6px; //圆角 cursor:pointer; //指针形式:手型
效果如图:
相关文章推荐
- 纯DIV+CSS圆角背景随按钮文字增多而增宽自适应,鼠标经过背景变化按钮型模块。
- 神奇的css实现圆角效果的标签以及其他一些今天学的css标签
- 纯CSS模拟带有立体效果的圆角按钮,长度自适应,兼容所有浏览器,无CSS Hack!
- [CSS]自适应宽度圆角按钮
- CSS定义DIV圆角边框
- FireFox下的fieldset仿IE变成圆角CSS
- css圆角背景图片按钮-自适应内容大小
- [网页特效]CSS圆角
- 纯CSS DIV 圆角效果
- DIV+CSS网页布局常用的一些基础知识整理
- 纯Div+Css制作的漂亮点击按钮和关闭按钮
- DIV+CSS一些小小的技巧
- CSS实现按钮或文本框圆角效果
- DIV+CSS圆角边框
- 进行页面设计,分享DIV+CSS一些小规则
- [推荐]制作div+css圆角
- div+css做圆角矩形【更新版】
- CSS自适应宽度圆角按钮
- DIV+CSS圆角边框
- DIV+CSS圆角边框