转 - 博客园

2011年10月24日

摘要： DIV+CSS各种下划线的添加样式表部分代码<style>< 阅读全文

posted @ 2011-10-24 11:26 转阅读(285) 评论(0) 推荐(0)

根据spory连写成的高级网页组间

摘要：主要的css页面代码body{margin:10px;}#content{border-left:1px solid #11a3ff;border-right:1px solid #11a3ff;border-bottom:1px solid #11a3ff;padding:5px;font-size:12px;}ul#tabnav{list-style-type:none;margin:0;padding-left:0;padding-bottom:23px;border-bottom:1px solid #11a3ff;font:bold 12px arial;}ul#tabnav li{ 阅读全文

posted @ 2011-10-24 09:56 转阅读(253) 评论(0) 推荐(0)

2011年10月17日

用五副图拼成的圆角矩形

摘要： <style type="text/css">#rounded{margin:0px;padding:0px;width:800px;background: url(bb/lt.gif) no-repeat;}#rounded h3{margin:0px;padding:30px 0 86px 10px;background:url(bb/rt.gif) no-repeat right top;}#rounded div.main{margin: -6em 0 0 0;padding:20px 20px 0px 10px;background:url(bb/r. 阅读全文

posted @ 2011-10-17 11:13 转阅读(174) 评论(0) 推荐(0)

两个方框滑动成的圆角矩形

摘要： <style type="text/css">.menu{width:150px;background:green;font-family:"宋体";text-align:center;margin:0;padding:0;}.menu ul{margin:0px;padding:0;background:url(top.gif) no-repeat top left;list-style-type:none;}.menu ul li{width:150px;margin:0;padding:0;background:url(bottom.g 阅读全文

posted @ 2011-10-17 09:47 转阅读(181) 评论(0) 推荐(0)

用四个方框滑动拼成的圆角矩形

摘要： <style type="text/css">#rounded{margin:0px;padding:0px;width:400px;background:#3c13f0 url(lt.gif) no-repeat;}#rounded h3{margin:0px;padding:30px 0 15px 10px;background:url(rt.gif) no-repeat right top;}#rounded p{margin:0px;padding:0 0 0px 0;background:url(lx.gif) no-repeat left botto 阅读全文

posted @ 2011-10-17 09:46 转阅读(179) 评论(0) 推荐(0)

2011年10月13日

表格行变色，ie6、火狐等不同浏览器的差别

摘要： <style type="text/css">table{color:#565;font:12px Arial, Helvetica, sans-serif;}td{border-bottom:2px solid #b3de94;border-top:3px solid #ffffff;padding:9px;}tr{background:#dfc;}tr:hover{background-color:#595;color:#fff;}</style>Ie6的表格后加JAVASCRIPT<script language="javasc 阅读全文

posted @ 2011-10-13 10:14 转阅读(214) 评论(0) 推荐(0)

2011年10月11日

css设置样式

摘要： /* CSS Document */<style><!--h2{ font-family:"华文新魏"; color:blue; font-size:36px; background: #FF9900; }p{ font-family:"华文宋体"; font-size:24px; background:#FFCCFF; color: #00FF00; }p span{ font-weight:bold; color: #FF00FF;} .class1{ /*自定义样式* 套用在index*/ font-size:14px; colo 阅读全文

posted @ 2011-10-11 08:14 转阅读(214) 评论(0) 推荐(0)

行内元素

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文

posted @ 2011-10-11 08:13 转阅读(165) 评论(0) 推荐(0)

下拉式列表

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文

posted @ 2011-10-11 08:11 转阅读(227) 评论(0) 推荐(0)

2011年10月6日

IE9不支持CSS line-height的文字垂直居中解决方法

摘要： IE9不支持line-height原因：中文ie9不支持英文字体相信大家在IE9看见自己使用line-height设置垂直居中文字不能垂直居中，这是与你设置字体有关，通常大家习惯设置font-family:Arial, Helvetica, sans-serif;ie9中line-height失效解决方法：只需设置好字体，添加个宋体即可解决如CSS代码font-family:Arial, "宋体",Helvetica, sans-serif;设置字体时候注意，还需设置大家都默认系统自带字体，如黑体，宋体。DIVCSS5解释：在中文IE9中不认英文字体，所以IE9找不到设置阅读全文

posted @ 2011-10-06 17:00 转阅读(236) 评论(0) 推荐(0)