运行代码框 style type=text/css!--#center {position:absolute;width:300px;height:60px;left:50%;top:50%;z-index:1;background-color:#000;color:fff;margin-left:-150px;margin-top:-32px}/style/headbodydiv id=center永远居中/div/body [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

Posted at (07-12-25)Views(118)

用CSS构建iframe效果 iframe应用很普遍,通常的需求有两种: 1,获取iframe效果,就是带一个滚动条,可以省不少版面。 2,要嵌一个页面,实现框架链接。 如果不方便使用iframe,可以有如下解决方案: 第一种需求如果我们使用css布局来实现,即可以少一个页面,也可以提高效率。 第二种需求可以采用xmlhttp远程获取。 A. 直接模拟iframe 用层做容器 运行代码框 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitiona

Posted at (07-12-25)Views(50)

阴影字体 style type=text/css !-- .style1 { color: #FF6600; font-weight: bold; } -- /style

Posted at (07-12-24)Views(28)

运行代码框 var old=null;function changemenu(mydiv){ var obj = document.getElementById(mydiv); if (old!=null&&old!=obj) old.style.display='none'; old=obj; if (obj.style.display=='none'){ obj.style.display='block'; }else{ obj.style.display='none'; }} div id

Posted at (07-12-24)Views(174)

关键词:css背景样式 序号 中文说明 标记语法 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(URL)|none} 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4

Posted at (07-12-24)Views(49)

屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select { font:12px !important;} /*FF, OP 可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/ select :empty { font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7与IE5.0可以识别 *+html select { } 当面临需要只针对IE7与IE5.

Posted at (07-12-06)Views(43)

text-overflow:ellipsis; 可以把截取的最后变成省略号,很不错的功能,在蓝色看到的,记录下,不过MS是IE only,比较可惜。 书接上回,昨天和大家一起分享了div+css布局中新闻列表的做法: 点击查看 ,感觉不太美观,不要紧,我们先来美化一下,下面是MePHP cms中的例子:点击查看。   代码如下(只列出了css代码): 以下为代码部分: body{ font: 12px/18px Verdana, Arial, Helvetica, sans-serif; bac

Posted at (07-12-04)Views(85)

1.css字体简写规则 当使用css定义字体时你可能会这样做: 以下为代码部分: font-size:1em; line-height:1.5em; font-weight:bold; font-style:italic; font-variant:small-caps; font-family:verdana,serif; 事实上你可以简写这些属性: 以下为代码部分: font: 1em/1.5em bold italic small-caps verdana,serif; 现在好多了吧,不过

Posted at (07-12-04)Views(33)