• 16 2024-01 CSS

    浮动列表项实例与解析

    浮动列表项 在上面的例子中链接有不同的宽度。 对于所有的链接宽度相等,浮动<li>元素,并指定为元素的宽度: 实例 li { float:left; } a { display:block; width:60px; } 实例解析: float:......

  • 16 2024-01 CSS

    基础提示框实例与解析

    基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示: HTML代码: <style> /* Tooltip 容器 */ .tooltip { position: relative; display: inline-block; border-bot......

  • 16 2024-01 CSS

    如何固定导航条?

    固定导航条 可以设置页面的导航条固定在头部或者底部: 固定在头部 ul { position: fixed; top: 0; width: 100%; } 固定在底部 ul { position: fixed; bottom: 0; width......

  • 16 2024-01 CSS

    如何添加箭头?

    添加箭头 我们可以用CSS伪元素::after及content属性为提示工具创建一个小箭头标志,箭头是由边框组成的,但组合起来后提示工具像个语音信息框。 以下实例演示了如何为显示在顶部的提示工具添加底部箭头: 顶部提示框/底部箭头: .tooltip .tooltiptext::after { ......

  • 16 2024-01 CSS

    水平导航条实例分享

    水平导航条实例 创建一个水平导航条,在鼠标移动到选项后修改背景颜色。 实例 ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333;} li { ......

  • 16 2024-01 CSS

    css创建一个导航列表

    图像拼合-创建一个导航列表 我们想使用拼合图像("img_navsprites.gif"),以创建一个导航列表。 我们将使用一个HTML列表,因为它可以链接,同时还支持背景图像: 实例 #navlist{position:relative;} #navlist......

  • 16 2024-01 CSS

    CSS媒体类型

    CSS媒体类型 媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。 媒体类型 一些CSS属性只设计了某些媒体。例如voice-family属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如,font-size属性可用于屏幕和印......

  • 16 2024-01 CSS

    CSS属性选择器实例

    CSS属性选择器 具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色:......

  • 16 2024-01 CSS

    css图像拼合s-悬停效果实例与解析

    图像拼合s-悬停效果 现在,我们希望我们的导航列表中添加一个悬停效果。 提示:hover选择器用于鼠标悬停在元素上的显示的效果,hover选择器可以运用于所有元素。 我们的新图像("img_navsprites_hover.gif")包含三个导航图像和三幅图像: ......

  • 16 2024-01 CSS

    css图像拼合-简单实例

    图像拼合-简单实例 与其使用三个独立的图像,不如我们使用这种单个图像("img_navsprites.gif"): 有了CSS,我们可以只显示我们需要的图像的一部分。 在下面的例子CSS指定显示"img_navsprites.gif"的图像的一部分......

在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码