卡卡网

很多网站在打开时，顶部首先展开一条大横幅，几秒后自动收起，但并非消失，这种广告效果比较好，因为它让人一定注意到它的存在，并看到它的广告内容。本文就介绍一下这个广告的实现方法。

我们在设计表格样式的时候，很多时候会把表格设计成圆角，这样看起来会更加美观。本文介绍两个圆角表格实例。

本文介绍3款精美漂亮的CSS3表格，这3款表格特别适用于需要进行项目对比的价格表格。

本文给大家介绍一个漂亮的CSS价格表格，它与其他表格的不同在于，它最下面一行是汇总行，在背景颜色和文字大小上要有所突出。

一个表格(table)，当你设置了table和td的border宽度之后，你会发现单元格td与td之间有一点空隙，看起来整个表格不够紧凑美观。

本文介绍6个纯CSS按钮(button)实例，漂亮又实用，代码使用简单，又具有很强的可迁性，基本上在任何一张网页都能很容易就能用上这些按钮样式。

本文介绍当鼠标移到表格上，高亮显示鼠标所在列和行。

有时候表格数据展示需要左右水平滚动表格列，但是第一列可能是主体列需要固定起来，因此就有了本文介绍的实例——表格(Table)固定第一列，其余列可水平滚动。

当表格往上滚动的时候，表头固定不动，这样可以让用户时刻看清每一列的数据含义，这是人性化的设计，充分考虑了用户使用体验。本文将通过5个实例，来介绍这种表格设计。

本文介绍4款简单常见的纯CSS表格(table)样式。

如果你要设计一张同时兼容PC和移动设备的响应式网页，那么响应式表格(Responsive Table)就变得非常必要，本文精心收集了4款响应式表格实例，代码简洁，几乎可以拿来即用。

CSS Loading 加载动画常用于网页或应用程序加载提示，它比纯gif动画图片的优点在于不用占用文件体积。另外，css loading启动更快，循环轨迹更为平滑。

本文介绍一个很常见的点击按钮后，网页居中滑出覆盖层和消息提示盒子的实例。

本文介绍一个CSS3+JQuery实现的三级下拉导航菜单。

本文是关于如何使用HTML5和CSS3创建切换登录和注册表单的教程。

CSS悬停效果按钮（鼠标移到按钮上变成其他颜色），是一个非常常见的按钮效果，今天通过一个简单的实例来给大家介绍如何用css来实现这一效果。

本文将给大家介绍一个漂亮的css3圆形鼠标悬停效果，这个效果在产品展示或列表图片中都可以应用，可以说是应用范围挺广泛的。

今天给大家介绍一个关于如何用css转换和3d旋转在圆上创建不同有趣的悬停效果的教程。

本文通过2个实例介绍悬停效果很酷的css3实现的动画按钮。

本文我想和大家分享一些css3按钮，它们是一些具有不同样式、悬停效果和活动状态的动画链接元素。

在本教程中，我将向大家介绍如何只使用一个锚标签和一个强大的CSS，就能创建一个漂亮的按钮。

本文介绍使用CSS创建模式窗体(modal window)覆盖(overlay)层的3种方法。

在前文中介绍过纯CSS实现上下左右箭头，本文将扩展一下，介绍如何用纯CSS实现各种方向的箭头。

本文介绍如何用纯CSS实现上下左右箭头（>）。

本文介绍如何使用CSS选择器里不同的符号(+,> 和 ~) 以及它们的区别。

CSS具有匹配的选择器语法，可以匹配href末尾的文件扩展名。 这样可以轻松添加与链接文本部分之前或之后的链接相关的图标。

在网页上的外部链接旁边放置一个出站链接图标会很有用的，这很容易使用CSS实现，而无需向锚标记添加任何其他元素或向HTML源添加其他图像标记。

div层的显示和隐藏在网页设计中常常被用到，为了让显示/隐藏表现得生动一些，往往加些效果进去，如淡入淡出效果、滚动效果、缩放效果等等。本文将介绍div层显示/隐藏的6种常见效果。

项目列举 li 是常用的网页内容布局排版标签，其样式也非常丰富，单单是列表项标记的类型（list-style-type），我们就有20多个选择。今天谈的问题是，项目列举 li 换行文字左边不对齐的问题。

Table表格颜色，默认时是整个表格每行每列的颜色都一样，这很容易产生视觉疲劳，因此，较友好的设计是TR单双行颜色相间而不同。

本文介绍一个table表格样式，是一种很友好的看着很舒服的表格样式，常见用于教程站里。这也是是个十分通用的table表格样式，可以说大部分网页都适用。

有的浏览器如Firefox，在a标签（链接）点击后会留下一个虚线边框，影响美观，我们如果想a标签（链接）在点击后不要留下虚线边框，要怎么做呢？其实，我们可以从css来设置，达到要求。

html控件默认样式都不好看，需要css来美化，本文介绍的checkbox多选框和radio单选按钮也不例外，美化工作需要css+图片来完成。此外，Javascript或JQuery脚本也是少不了的，不然提交表单时传值就有问题。

本文介绍用css实现的下拉菜单，简单、方便、实用。为什么推荐用css实现的下拉菜单？因为html默认的 select 控件生成的下拉菜单样式不好控制，不够美观，使用css打造的下拉菜单，样式可以更加美观，设计可以随意发挥。

在网页设计时，有时遇到某个DIV内容被其他层覆盖挡住了，怎么办呢？我们如何让某一DIV层显示在上面？其实，使用css属性 z-index 就能解决问题。

在前文中介绍过CSS3实现圆角的方法，代码更少更简单，不过由于其不兼容IE8浏览器，所以就目前IE8仍然占一定用户比例的情况下，CSS3要完全取代CSS还不太现实。因此本文将介绍纯CSS实现圆角的4种写法，该方法对比CSS3的优势是不用考虑浏览器的兼容问题。

圆波扩散动画效果，就是一个圆由中心向四周循环扩散的动画效果。圆波扩散动画效果应用非常广泛，例如可以用来表示某一个位置的状态信息，在网页设计中，常常被用来作为登录或切换页面时的等待状态。本文将使用纯CSS3实现上图动画效果。

许多知名网站都在文字链的右边加一个箭头图标，例如Google站长管理后台，Alexa官网等，这样设计的好处是让链接更醒目，更容易辨认。文字链右边加一个箭头图标的方法，多数人是使用css背景图来实现，包括上面提到的Google站长管理后台，Alexa官网等。是的，这种方法最容易掌握和应用。这正是本文要介绍的实现方法。

之前设计网页，如果希望div或table居中，总是用<center></center>把它包起来，但是这样的结果，div或table虽然居中了，但div或table里面的文字也居中了，这是不符合设计者意愿的。那么，我们能否用css实现div或table居中，文字不居中呢？答案是肯定的，本文将给你介绍如何实现此效果。

blockquote默认的双引号千篇一律太过普通，我们能否更改它并美化它，以搭配网页模版的视觉要求？答案是肯定的。下面我就以两个实例来教你怎样修改和美化blockquote双引号，并送上漂亮的css样式。

有关Blockquote的css样式，上一篇已经介绍了《5个Blockquote的css样式》，不过，那是使用css1的写法，要借助双引号的图片和span、div等标签来完成。今天将介绍3个使用css3来实现的Blockquote样式，代码更简洁，并且无需借助图片，推荐使用。

Blockquote标签多用于文章引用内容的时候，这里将介绍8个blockquote的css样式，通过实例，让大家进一步了解blockquote的用法。

在网页设计中，一些区域的标题文字是不能换行的，例如首页显示的文章标题，因为布局是固定的，换行会打乱布局，从而使网页产生错位。因此，我们需要一行一段文字，超出行宽的文字用省略号表示或者直接去掉不用省略号代替。

hover在css里比较常见，多用于菜单或一些按钮上的鼠标事件，用法也比较简单，不难掌握。不过在浏览器兼容性测试中，发现ie浏览器对hover还是很挑剔的，html写法会影响hover是否有效。

div+css实现的下拉菜单大量被网页设计师使用，通过div+css，可以随心所欲的实现自己想要的样式效果，使得下拉菜单与网页整体布局搭配的更美观和谐。

我写文章，喜欢段落开头空两格，以前，我都是手动敲两个空格进去，后来，我发现，有的文章的每个段落开头并没有空格符，而在网页上显示时照样会缩进两个空格。这就是菜鸟和专家的差别。