随笔分类 - css相关样式
关于li标签的相关样式
摘要：效果图： 实现代码如下： /* 选中input标签类型为复选框的 */ input[type="checkbox"] { width: 16px; height: 16px; vertical-align: middle; -webkit-appearance: none; /*清除默认样式*/ b
阅读全文
摘要：一、实现移动端横向滚动条隐藏但还可以滚动的效果 1、首先添加一段html代码： <div class="scroll"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class=
阅读全文
摘要：使用 ::-webkit-input-placeholder 伪类 input::-webkit-input-placeholder{ // 修改字体大小 font-size:12px; // 修改文字颜色 color: #0066cc; ...... }
阅读全文
摘要：一、使用writing-mode（推荐使用） writing-mode：翻译过来是“写字 — 模式”，文本在水平或垂直方向上如何排布 有以下几个属性值： horizontal-tb: 水平展示，也就是横着展示文字，最平常默认的样式 vertical-rl：垂直展示，也就是上面图片上实现的样式 ver
阅读全文
摘要：1、让li前面的序号变成空心圆 list-style-type: circle; 2、让li前面的序号在div里面 list-style-position: inside; 3、改变li前面的序号的颜色或大小：使用伪类：：marker 效果如下： 4、还可以改变序号的形状 效果如下：
阅读全文
