标签:css

HTML/CSS

CSS 分页实例

lin_xop阅读(65)赞(0)

本章节我们将为大家介绍如何通过使用 CSS 来创建分页的实例。 简单分页 如果你的网站有很多个页面,你就需要使用分页来为每个页面做导航。 以下实例演示了如何使用 HTML 和 CSS 来创建分页: CSS 实例 ul.pagination ...

HTML/CSS

CSS 按钮

lin_xop阅读(65)赞(0)

本章节我们为大家介绍使用 CSS 来制作按钮。 基本按钮样式 默认按钮 CSS 按钮 CSS 实例 .button {    background-color: #4CAF50; /* Green */    border: none;  ...

CSS3 渐变(Gradients)-大伯乐
HTML/CSS

CSS3 渐变(Gradients)

lin_xop阅读(60)赞(0)

CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的事件和宽带的使用。此外,渐变效果的元素在放大时...

CSS 图像拼合技术-大伯乐
HTML/CSS

CSS 图像拼合技术

lin_xop阅读(71)赞(0)

图像拼合 图像拼合就是单个图像的集合。 有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。 使用图像拼合会降低服务器的请求数量,并节省带宽。 图像拼合 – 简单实例 与其使用三个独立的图像,不如我们使用这种单个图像...

CSS 图像透明/不透明-大伯乐
HTML/CSS

CSS 图像透明/不透明

lin_xop阅读(72)赞(0)

使用CSS很容易创建透明的图像。 注意:CSS Opacity属性是W3C的CSS3建议的一部分。 更多实例 创建透明图像 – 悬停效果 创建一个具有文本的拥有背景图像的透明框 实例1 – 创建一个透明图像 CSS3...

CSS 图片廊-大伯乐
HTML/CSS

CSS 图片廊

lin_xop阅读(66)赞(0)

以下是使用CSS创建图片廊: 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述   图片廊 以下是使用 CSS 创建图片廊: 实例 <div class=\”responsive\&#...

HTML/CSS

CSS 提示工具(Tooltip)

lin_xop阅读(63)赞(0)

本文我们为大家介绍如何使用 HTML 与 CSS 来创建提示工具。 提示工具在鼠标移动到指定元素后触发,先看以下四个实例: 头部显示 右边显示 底部显示 左边显示 基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示: HTML ...

CSS 伪类(Pseudo-classes)-大伯乐
HTML/CSS

CSS 伪类(Pseudo-classes)

lin_xop阅读(60)赞(0)

CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class:pseudo-class {proper...

CSS 组合选择符-大伯乐
HTML/CSS

CSS 组合选择符

lin_xop阅读(49)赞(0)

CSS 组合选择符 组合选择符说明了两个选择器直接的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟...

CSS Float(浮动)-大伯乐
HTML/CSS

CSS Float(浮动)

lin_xop阅读(59)赞(0)

什么是 CSS Float(浮动)? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。 Float(浮动),往往是用于图像,但它在布局时一样非常有用。 元素怎样浮动 元素的水平方向浮动,意味着元素只能左右移...