搜索列表
-
CSS图片翻转菜单
【CSS/HTML】如果用传统的方法制作这个翻转菜单，至少需要把图片切成10椋挂由螶S代码，在图片按钮上再加行为，现在完全用CSS来实现，图片只要一张，见下图。 CSS代码:#imgmenu{ width: 450px; height: 25px; /*高度是背景图片的一半*/ background: url(../images/navbg.gif); list-style-type: none; padding: 0px; margin:...
|CS|SS|S图|图片|片翻|翻转|转菜|菜单|单| -
在DIV+CSS排版中新闻列表的制作方法
【CSS/HTML】CSS代码:.list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虚线*/ width: 100%; } .list li a{ color: #777777; display: block; padding: 6px 0px 4px 15px; bac...
|在D|DI|IV|VC|CS|SS|S排|排版|版中|中新|新闻|闻列|列表|表的|的制|制作|作方|方法|法| -
未知大小图片在已知容器中的垂直和水平居中问题
【CSS/HTML】除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 CSS布局中,未知大小图片的垂直居中，一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了，但对IE没用，几个月前在国外网站看到了一则对IE的解决方法，感觉不是很理想，也没当回事。最近看到经常...
|未知|知大|大小|小图|图片|片在|在已|已知|知容|容器|器中|中的|的垂|垂直|直和|和水|水平|平居|居中|中问|问题|题| -
CSS解决未知高度垂直居中的问题
【CSS/HTML】除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 原文标题：Vertical Centering in CSS 副标题：Yuhu's Definitive Solution with Unknown Height 翻译：forestgan 尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图...
|CS|SS|S解|解决|决未|未知|知高|高度|度垂|垂直|直居|居中|中的|的问|问题|题| -
兼容各个浏览器的技巧
【CSS/HTML】1,盒解释器的不同解释. #box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important &...
|兼容|容各|各个|个浏|浏览|览器|器的|的技|技巧|巧| -
expression将JS、Css结合起来
【CSS/HTML】IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其...
|ex|xp|pr|re|es|ss|si|io|on|n将|将J|JS|S、|、C|Cs|ss|s结|结合|合起|起来|来| -
用CSS控制的闪烁效果
【CSS/HTML】 一段文本或一张图片，它的周围有一圈光晕，这圈光晕每一秒钟闪烁一次，而当鼠标移到上面时，立即停止闪烁，当鼠标移开时又继续闪烁。这种效果用于那些需要特别引起别人注意的内容上(如:警示、报告新增内容等)，能起到较好的效果。 上面这个示例就能实现上面所的效果，由于这里是抓取的一张图片，不能看到动态效果，只要...
|用C|CS|SS|S控|控制|制的|的闪|闪烁|烁效|效果|果| -
用CSS实现文字变图象特效
【CSS/HTML】 一段文字，当鼠标在文字上面单击，文字消失，原来文字的地方却立即变成了一张图片，当鼠标在图片上单击，图片又消失，原来的文字又重现了，像变魔术一样，是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也可实现，但那要增加一段javascript程序，明显增加了不少代码。而用CSS来制作这种效果，增加的代码却要少...
|用C|CS|SS|S实|实现|现文|文字|字变|变图|图象|象特|特效|效| -
利用相对定位及偏移量做精美输入界面
【CSS/HTML】利用相对定位和偏移量属性，可以很好的实现以前需要用图片才能实现的界面，而且实现起来比也很方便。例如，当需要用户输入某些信息，我们常常会用到：标题栏－内容－确定按钮 这种结构，下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是： 标题栏图片有向上的偏移量。利用样式：top:-10px;position:relative; 可...
|利用|用相|相对|对定|定位|位及|及偏|偏移|移量|量做|做精|精美|美输|输入|入界|界面|面| -
单纯使用CSS实现动态提示信息
【CSS/HTML】也许已经有人发现可以这样写... CSS代码部分 a.info { position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none } a.info:hover { z-index:1; background-color:#ff0 } a....
单纯使用CSS实现动态提示信息 -
IE图片下空隙问题解决方法集合
【CSS/HTML】 看到问此问题的很多，所以花点时间整理下，欢迎大家提意见，做补充修改，谢谢！问题如下: div { width:500px; border:1px solid #f00; background:#000; } [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]解决方法:一、改变HTML的排列 div { width:500px; border:1px solid #f00; background:#000; } [C...
IE图片下空隙问题解决方法集合 -
标准化——表格
【CSS/HTML】对于那些刚接触CSS布局的人来说，常对如何使用表格（table）感到迷惑。我在很多地方看到人们把“避免用表格来布局”理解成“完全不使用table标签”。值得注意的是，表格是可以用的而且非常好用——只要用的正确。 是的，你得尽量的去避免用表格来布局。但是对于表格型数据，你就应该使用table。我想谈谈如何使用表格来组织表...
标准化——表格
