电话
13363039260
浮动列表项 在上面的例子中链接有不同的宽度。 对于所有的链接宽度相等,浮动<li>元素,并指定为元素的宽度: 实例 li { float:left; } a { display:block; width:60px; } 实例解析: float:......
基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示: HTML代码: <style> /* Tooltip 容器 */ .tooltip { position: relative; display: inline-block; border-bot......
图像拼合-创建一个导航列表 我们想使用拼合图像("img_navsprites.gif"),以创建一个导航列表。 我们将使用一个HTML列表,因为它可以链接,同时还支持背景图像: 实例 #navlist{position:relative;} #navlist......
CSS属性选择器 具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色:......
图像拼合s-悬停效果 现在,我们希望我们的导航列表中添加一个悬停效果。 提示:hover选择器用于鼠标悬停在元素上的显示的效果,hover选择器可以运用于所有元素。 我们的新图像("img_navsprites_hover.gif")包含三个导航图像和三幅图像: ......
图像拼合-简单实例 与其使用三个独立的图像,不如我们使用这种单个图像("img_navsprites.gif"): 有了CSS,我们可以只显示我们需要的图像的一部分。 在下面的例子CSS指定显示"img_navsprites.gif"的图像的一部分......