因为不必考虑宽度变化带来的麻烦，所以制作宽度固定的圆角框比制作适应宽度的圆角框要简单很多。关键在于如何合理地使用背景图像。一、两背景图像法本例制作如图1所示的圆角框，使用两个背景图像文件，宽度固定。这种方法只适用于制作单色圆角框。本实例文件位于网页学习网CSS教程资源中“第11章\01\basic....
分类：
其他好文 时间：
2014-06-28 19:38:12
阅读次数：
549
今天在看博客园的页面布局时发现有不少空白的div只有css属性:clear:both。然后去W3C文档里和百度补脑了一下，总结如下：这是之前我写的一段测试代码： Lon and Lat is : 其中map的DIV...
分类：
Web程序 时间：
2014-06-28 19:34:16
阅读次数：
286
下面就来制作大税图模式。大视图模式的日历实例文件位于网页学习网CSS教程资源中的“第10章\03\calendar-large.htm”。需要说明的是，本案例要求不修改HTML结构。在此前提下，大视图模式无法在IE浏览器中实现，除非使用JavaScript动态修改DOM结构，而这和修改HTML结构就...
分类：
其他好文 时间：
2014-06-20 15:05:42
阅读次数：
219
在上一章中，对固定宽度的页面布局傲了比较深入地分析和讲解。在本章中,将对变宽度的页面布局做进一步的分析。变宽度的布局要比固定宽度的布局复杂一些，根本的原因在于，宽度不确定，导致很多参数无法确定。因此．必须使用一些技巧来完成。这里将介绍一些国外的CSS领域著名的设计师的研究成果，并对变宽度网页布局的总...
分类：
Web程序 时间：
2014-06-20 15:03:42
阅读次数：
230
.tablel{border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */border:solid #999; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */border-width:1p...
分类：
Web程序 时间：
2014-06-20 14:56:37
阅读次数：
426
在接下来的几节中，我们将围绕“日历”这个案例进行实战演练，以提高读者对CSS的掌握和理解深度。日历是日常生活中随处可见的工具。计算机出现后，产生了很多供人们记录日程安排的备忘录软件。随着互联网的普及，将日历存储在互联网上就更方便了，无论走到哪里，只要能够登录互联网，就可以随时查询和登记各种日程信息。...
分类：
其他好文 时间：
2014-06-20 14:49:30
阅读次数：
198
在介绍制作”隐藏/显示”方式的不刷新Tab面板之前，先来制作一个比较简单的Tab菜单效果，也就是先从简单的方式引入，为后面的案例做准备。本案例介绍的方法是将每个Tab页作为一个独立的网页文件来实现的。这个Tab菜单的制作方法与前面介绍的菜单制作方法类似，不同之处在于需要设置一些特殊的CSS效果来实现...
分类：
其他好文 时间：
2014-06-20 14:45:09
阅读次数：
187
本案例将在8.5节的基础上来制作会跳起的多彩菜单，效果如图1所示。在平常状态时，各菜单项的高度都同样，而当鼠标指针经过某一个菜单项的时候，该菜单项就会跳起，高于其他菜单项。这个效果非常有趣，能够吸引访问者的目光。该实例文件位于网页学习网CSS教程资源的“第8章\06\rounded-navi.htm...
分类：
其他好文 时间：
2014-06-20 14:38:27
阅读次数：
272
本案例中，我们对一个简单的表格进行设置，使它看起来更为精致。另外，当表格的行和列都很多，并且数据量很大的时候，为避免单元格采用相同的背景色会使浏览者感到凌乱，发生看错行的情况，为表格设置隔行变色的效果，使得奇数行和偶数行的背景颜色不一样。实例的最终效果如图1所示。实例文件位于网页学习网CSS教程资源...
分类：
其他好文 时间：
2014-06-20 14:37:06
阅读次数：
371
下面再来实现一个"1-((1-2)+1)-1"的布局。如果读者还不清楚这种布局方式的表示方法，请阅读本章的13 .1节。本案例的最终效果如图1所示。图1 “1-((1-2)+1)-1”布局效果案例文件位于网页学习网CSS教程资源中“第13章\1-((1-2)+1)-1.html”。这个案例的HTML...
分类：
其他好文 时间：
2014-06-20 14:36:25
阅读次数：
303
