css 新颖的表单边框
2016-07-18 22:02
513 查看
演示地址：http://www.axzm.com/rules-good-web-form-design/
.et_bloom .et_bloom_optin_1 .et_bloom_border_letter {
background: repeating-linear-gradient(135deg,#4779ba,#4779ba 10px,#fff 10px,#fff 20px,#f84d3b 20px,#f84d3b 30px,#fff 30px,#fff 40px)!important;
}
.et_bloom .et_bloom_optin .et_bloom_border_letter {
padding: 6px;
/* background: repeating-linear-gradient(135deg,#4fa8ed,#4fa8ed 10px,#fff 10px,#fff 20px,#f84d3b 20px,#f84d3b 30px,#fff 30px,#fff 40px); */
}
效果：
.et_bloom .et_bloom_optin_1 .et_bloom_border_letter {
background: repeating-linear-gradient(135deg,#4779ba,#4779ba 10px,#fff 10px,#fff 20px,#f84d3b 20px,#f84d3b 30px,#fff 30px,#fff 40px)!important;
}
.et_bloom .et_bloom_optin .et_bloom_border_letter {
padding: 6px;
/* background: repeating-linear-gradient(135deg,#4fa8ed,#4fa8ed 10px,#fff 10px,#fff 20px,#f84d3b 20px,#f84d3b 30px,#fff 30px,#fff 40px); */
}
效果：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css选择器的分组的方法
- css之清除浮动
- 网页布局：CSS实现一列二列三列和混合布局
- smarty模板参考手册
- CSS中关于选择器的运用：
- CSS基本文字样式
- CSS盒子
- css背景图片在chrome下正常，IE下不显示
- css鼠标聚焦到文本框去除默认自带蓝色边框
- 整理下自己写前台页面时用到的全局样式
- stylelint — css书写规范
- Inline-block没有内容时，仍有高度
- CSS高级技巧:阴影效果
- css3属性 -webkit-filter
- [HTML/CSS]盒子模型，块级元素和行内元素
- CSS块级元素和行内元素
- 定位样式
- CSS ::selection伪类选择器
- CSS中不能被继承的元素
- CSS设置文字粗细