- 博客(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 399
原创 使用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 402
转载 未知宽高元素水平垂直居中方法
如果你曾经研究过图片水平垂直居中的方法,那么下面这几个方法你肯定知道 下面介绍的方法主要是利用display:inline-block;让元素变为行内块元素,利用vertical-align:middle来实现垂直居中,利用父元素的text-align:center;实现水平居中。 一、表格方法 表格本来对立面的内容是垂直居中的,所以用表格来做很适合。但是它里面的内容是行内元
2014-03-20 14:45:46 698
转载 DIV CSS鼠标经过悬停在图片上时图片上方显示文字
DIV CSS鼠标悬停在没有文字内容图片上时图片上方显示文字,完全是纯css div实现。CSS实现鼠标悬停放图片上方时显示美化内容。 原始图片显示没有文字在上方,当鼠标经过悬停时显示文字并且文字背景为半透明。可以使用纯DIV+CSS实现鼠标悬停图片上显示文字内容。 纯div+css实现第一张图片没有文字内容,鼠标悬停时出现第二张图那样效果 使用div css实现鼠标悬停图片上方时显示文
2014-03-20 14:41:14 12138 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人