说明：样式设置主要是针对图片的父级元素，并非图片元素本身。 Css代码[图片父级点的样式]： .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk...
.linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE 6 7 8*/ background: -ms-linear-gradient(top, #fff, #0000ff); /* IE 10 */ background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/ ...
设置元素的透明度： -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。 例如： 不透明 div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500px; height:...
第一：如何让“用户管理”这四个字上下居中？ 第二：当鼠标放上去时，绿色怎么才能完全覆盖掉红色？ leftwindow #baseInfoManager{ width:180px; height:200px;}#baseInfoManager p{ height:50px; text-indent:20px; background:#ff0000; }#baseInfoManager p a{ display:block; height:50px; width:180px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}#baseInfoManage...
******************************************************************************************************************** 我已参加2014“博客之星的”评选，觉得我的文章对您有帮助的，请投上您宝贵的一票 *********************************************************************************************************************** GTK 2.0 在windows运行下，会出现文本框无法输入的问题。这个查找了很多资料，说是2.0版...
导航页档 table { border-collapse: collapse; border: none; width: 200px; } td { border: solid #000 1px; } 军事 历史 新闻 军事 ...
无标题文档 @font-face { font-family: Venera; font-weight: bold; src: url(Venera-900.otf); } p{ font-family:Venera; font-size:30px;}10000 你只需要将你网页中用到的字体放置到你的文件夹里面向引用图片一样去引用就就可以将字体加载进去，然后在设置字体类型的时候调用你设置的名字即可。 注：此种写法在谷歌和火狐下可以在ie8以下无效
现有demo设计如下： #left_nav有移动动作，可以向右移动，要求它移动后要位于#right_content上(#left_nav移动过程中#right_content可以位于当前位置不动)，但是不能给#left_nav设定position，也就是说不能使用z-index设置#left_nav与#right_content的层级关系，也不能让#left_nav作为#right_content的父元素，此时，如果还想让#left_nav位于#right_content之上如何实现 ？ 回复讨论(解决方案) 默认position是rel...
废话当然不说了。直接上代码 #mycon { background:url('Tpl/1.jpg'); background-size:400px 400px; background-repeat:no-repeat; border-radius: 4px; border: 1px solid #ccc; width: 400px; height: 400px; } 原来背景图大小：970*630 这里才是战场,以缩略图的形式来将背景图设置 background-size:400px 400px;后面是设置缩略图宽和高。 效果如图：
CSS3 background-origin 可以将图片定位于：padding 或者padding里头，甚至是边框。 所以他有三个值：content-box、padding-box 或 border-box content-box border-box padding-box 自习去发现 boder-box 和padding-box 是有却别的
CSS如何设置英文字母之间的间距: 在之前章节中已经介绍过如何使用CSS控制字的间距，下面再介绍一下如何控制英文字母之间的间距。代码实例如下: 蚂蚁部落 ul li{ font-size:12px; list-style:none;}.first{letter-spacing:4px;}.second{letter-spacing:8px;}.third{letter-spacing:12px;} I am a good student I am a good student I am a good student 以上代码可以设置单词字母之间的间距。 原...
1 div在页面居中的问题 1）position值为relative时（相对定位），css设置属性margin:0 auto;(0 auto，表示上下边界为0，左右则根据宽度自适应相同值,即居中)即可。 2）position值为relative时（绝对定位），css设置属性 text-align:center; left:50%; margin-left:-500px;(左边距margin-left设置为当前div宽度的一半的负值即可). 代码示例： .page { position:absolute; width:1000px; back...
如何利用CSS设置文字的阴影效果: 有时候需要给文字加上阴影，下面就结合实例简单介绍一下如何给文字加上阴影效果。先看一段代码实例: 蚂蚁部落div, ul, li{ margin:0px; padding:0pc; list-style:none; font-size:16px; color:#666;}a { position:relative; display:block; height:25px; width:250px; line-height:25px; text-decoration:none; color:#666;}span{display:none;}a:hover span{ height:25px; ...
CSS设置div的最小高度和最小宽度: 所谓设置div的最小高度和宽度就是设置一个值，如果实际宽度或者高度小于此值时，就会将实际的宽度和高度值设置为规定的此最小值，下面就通过实例代码简单做一下介绍。 如果在标准浏览器中，当然可以使用max-height或者max-width实现此效果，例如: max-width:50px;max-height:100px; 以上代码在标准浏览器中是没有任何问题的，但是无奈IE6浏览器并不支持，因为当前还有为数不少的IE...
CSS如何设置背景图片水平重复和垂直重复: 设置背景图片的水平平铺或者垂直平铺非常的简单，使用两端代码就可以了，代码如下: background:url("photo.gif") repeat-y; 以上代码可以让背景图片在垂直方向上平铺。 background:url("photo.gif") repeat-x; 以上代码可以让背景图片在水平方向上平铺。 非常的简单，具体可以参阅以下两篇文章: 1.background-repeat属性可以参阅CSS的background-repeat属性一...