![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页前端(Div+Css)
rainyx2012
这个作者很懒,什么都没留下…
展开
-
设置body的背景图片在网页的顶部居中
代码如下:body{ margin:0; padding:0; background:url(../images/headbg.jpg) repeat-x;background-position:center top;}原创 2013-07-29 17:00:04 · 1585 阅读 · 0 评论 -
设置div最小高度(min-height)的写法
ie6不支持mini-height,但按照下面的方法可以兼容多个浏览器已经测试ie6、ie8、ie9、火狐(最新版)、google(最新版).articleshow{ height:auto!important; height:800px; min-height: 800px;}原创 2013-09-14 10:53:04 · 1782 阅读 · 0 评论 -
"空格在每个浏览器中显示的距离都不一样"的解决办法
在IE和FF中使用空格符但是显示效果却不一样(使用 但是宽度却不同),原理是这样的:不同的浏览器会有不同的默认字体,我写了一个测试的文件在IE下和FF下都是正常的,但是在Safari下显示效果却不一样。一般IE和FF的默认字体都是宋体,而Safari的默认字体是Times New Roman,宋体是字符等宽的字体,但Times New Roman不是字符等宽的字体,因为浏览器默认字体转载 2013-09-17 08:38:44 · 1041 阅读 · 0 评论 -
<li>标签之间有间距的问题
标签之间有间距的问题,一般存在于ie6,google浏览器。解决办法: 1、为标签设置 “vertical-align:bottom” 属性。2、有些时候做了第一步,仍然有间距,那就得看看,标签中包含了哪些标签了,如果有标签或者标签,就可试试为标签或标签设置 “vertical-align:bottom” 属性。参考:CSS vertical原创 2013-10-25 11:08:23 · 2038 阅读 · 0 评论 -
submit提交按钮的三种常用写法
一、input包括最常用的type=submit以及type=image二、使用image标签实现submitonclick="return dosubmit();" style="cursor:pointer" onmouseover="this.src= '{%$rootpath%}images/search_3.gif'" onmouseout原创 2014-03-13 11:05:42 · 4254 阅读 · 0 评论 -
div ul li自动适应高度float:left
自动适应高度,以下示例 兼容性较高,最关键的是“”:.a1{ width:600px; margin:0 auto; border:1px solid #000;}ul{margin:0; padding:0;}li{ float:left; width:80px; height:80px; border:1px solid #6C0;list-style:none; }原创 2016-06-06 17:01:48 · 970 阅读 · 0 评论