- 博客(4)
- 收藏
- 关注
原创 css经典问题
1.解决背景不能延伸的问题 #content{width:700px; background:url(img/bg.png)repeat-y;}#subcol {float:left; width:200px;}#main {width:500px; float:right;}#maincol {width:300px;float:left;}#xcol {wi
2014-03-20 14:55:50
416
原创 使用CSS做到完全居中
我们都知道 margin:0 auto;的样式能让元素水平居中,而margin: auto; 却不能做到垂直居中……直到现在。但是,请注意!想让元素绝对居中,只需要声明元素高度,并且附加以下样式,就可以做到:.Absolute-Center {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;
2014-03-20 14:51:39
422
转载 未知宽高元素水平垂直居中方法
如果你曾经研究过图片水平垂直居中的方法,那么下面这几个方法你肯定知道下面介绍的方法主要是利用display:inline-block;让元素变为行内块元素,利用vertical-align:middle来实现垂直居中,利用父元素的text-align:center;实现水平居中。一、表格方法表格本来对立面的内容是垂直居中的,所以用表格来做很适合。但是它里面的内容是行内元
2014-03-20 14:45:46
744
转载 DIV CSS鼠标经过悬停在图片上时图片上方显示文字
DIV CSS鼠标悬停在没有文字内容图片上时图片上方显示文字,完全是纯css div实现。CSS实现鼠标悬停放图片上方时显示美化内容。原始图片显示没有文字在上方,当鼠标经过悬停时显示文字并且文字背景为半透明。可以使用纯DIV+CSS实现鼠标悬停图片上显示文字内容。纯div+css实现第一张图片没有文字内容,鼠标悬停时出现第二张图那样效果使用div css实现鼠标悬停图片上方时显示文
2014-03-20 14:41:14
12241
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人