27
2019
03

li标签实现隔行左右则显示(奇数行、偶数行)

.mk_list{ overflow:hidden}

.mk_list li{overflow:hidden;  margin-bottom:30px; background-color:#fbfbfb}


.mk_list li:nth-of-type(odd) .mk_left{ float:left; width:300px; height:225px; overflow:hidden}

.mk_list li:nth-of-type(odd) .mk_right{ float:right; width:850px; height:auto; }

27
2019
03

li标签实现隔行不同行颜色不一样(奇数行、偶数行)

<style>

#list li:nth-of-type(odd){ background:#00ccff;}奇数行 

#list li:nth-of-type(even){ background:#ffcc00;}偶数行 

</style>


<div>

    <ul id="list">

    <li>1</li>

15
2019
01

CSS选取第几个标签元素:nth-child、first-child、last-child

1、first-child


first-child表示选择列表中的第一个标签。代码如下:


li:first-child{background:#090}


上面的意思是,li 列表中的 第一个li模块的背景颜色。


2、last-child


last-child表示选择列表中的最后一个标签,代码如下:


07
2019
01

css定位:position:absolute和margin:auto 连用实现元素水平垂直居中

有时候,要实现一些元素水平垂直都居中,这部分元素呢 可能大小未知,例如一些图片或者是一些未知大小的块元素。

24
2018
11

CSS之精灵图(雪碧图)的使用方法

background:url(../images/img.png) no-repeat 0 -54px;第一个0是指图片在最左侧开始的,后面这个-54px是指从图片上面往下第54个像素开始使用图片

19
2018
11

去掉select下拉边框右边的小三角符号,appearance用法

  1. appearance:none;

  2. -moz-appearance:none; /* Firefox */

18
2018
11

css背景一行中加背景颜色加背景图片及重复与否和位置

background: #006ab8 url(../images/index_type01.png) no-repeat 19px 16px;

02
2018
10

Padding属性的数值赋予顺序为

四个为: 上 右 下 左 3个数值为 上 左右 下

05
2018
08

input表单placeholder属性以及如何更改placeholder属性中文字颜色

今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下。

27
2018
07

css的鼠标手势大全

css的鼠标手势非常多,最长的手型cursor:pointer,其中cursor:hand,也是手型,但是在火狐和谷歌浏览器下不兼容,所以css鼠标手型手势的话用cursor:pointer最好,以下是其它常用代码