css样式布局
xuanzhuan365
前端爱好者,喜欢css、页面编写重构、动效的开发编写。
展开
-
纯CSS宽度高度自适应正方形布局(pc端、手机端通用)
1、css样式代码 ul{ overflow:hidden; } ul li{ float:left; width:50%; } //这是关键代码 .out_wapper{ position:relative; height:0; padding-top:100%; } .out_wapper .square{ border:1px solid #dddddd; position...原创 2019-05-29 16:19:27 · 2580 阅读 · 0 评论 -
css修改input checkBox复选框默认样式,css美化复选框样式
1、原input代码 <input type="checkbox" checked="checked" /> 2、css重写样式代码 注意:input里面一定要加position:relative。不然选中时对号没有效果。 input[type="checkbox"]{ -webkit-appearance: none; vertical-align:middle; ...转载 2019-08-16 11:53:51 · 781 阅读 · 0 评论