一张图片就能实现圆角?是什么样的图片?怎样实现? 其实这张图片是一个小圆圈,如下面的例子将要使用的图片为 10 * 10 大小的图片: ,太小了是吧,不过已经够了。 基本思路 准备四个小容器,分别放小圆圈图片的左上、右上、左下、右下四个部分,然后再分别定位到父容器的四个角上。 图片示意: 代码实现 XHTML代码: div 发布时间:2012-03-03 作者: 佚名技术 views(207)
到现在为止,只有一些已经工作的特性,他们中的一些如下: 圆角 从web2.0开始,开始流行使用圆角,如果你不使用圆角,你的网站可能不会被列入web2.0网站。主要问题是,你至少需要4个图片(每个角一个)和一些JS或复杂的层来实现圆角。 这些将成为过去了!两行就足够了。让我给你个例子: HTML: This is easy css 代码: .roun 发布时间:2012-03-03 作者: 佚名技术 views(311)
导言:本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单,从思路、原理、步骤,手段可谓无所不用其极,即便你是菜鸟,相信你看了本文后,也能打造出属于自己的超级漂亮的标准导航菜单。本菜单无冗余结构,利于数据动态输出,非常适合于用在平常的项目中去。本教程中讲到了基本的滑动门原理,相信对那些还 发布时间:2012-03-03 作者: 佚名技术 views(173)
站内搜索功能是网站必不可少的,它可以帮助浏览者搜索指定的或感兴趣的内容。搜索是由文本框和按钮组成,默认的情况下,在各个浏览器的效果不一样,甚至计算机系统主题的不同,也会使他们的效果不一样。这对访问者显然不友好。为了使搜索更友好,我们对它进行加工,让它在各种环境下都显示一致的效果,而且还给访问者提示。 发布时间:2012-03-03 作者: 佚名技术 views(164)
CSS功能的强大在webjx.com中早已经展现很多,而有关CSS基本的排版控制虽然已有详细的使用说明和参考教程,但还有许多丰富的CSS排版能力,是很少能查到的。今天的这些实例,为您提供了很多想象和拓展的空间。 h3.reflect_1 { color: #333333; border-bottom: 6px solid #DDDDDD; line-height: .2em; margin: 0; padding:0 0 发布时间:2012-03-03 作者: 佚名技术 views(547)
在做div+css网页设计的时候突然IE6不能正常解析CSS文件,解决半天也不得其解,于是上网去找老师,最后在网上找到了一篇好的文章,且解决了问题,特发出来为大家欣赏,首先谢谢本文作者。 网页采用了UTF-8编码格式,这本来没有问题,问题是外部CSS文件默认是ANSI编码,并没有保存为UTF-8格式。可能你会发现在一般情况下这 发布时间:2012-03-03 作者: 佚名技术 views(184)
盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟悉的标准盒子模型: 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。 IE 盒子 发布时间:2012-03-03 作者: 佚名技术 views(258)
利用CSS在导航条上标示当前所在频道的技术,已经有很长时间了,在很多CSS的书中都介绍过,不过还是总被问到,因此写一个简单的示例来讲解一下。 其实原理非常简单: 1) 按照不同的频道(栏目),分别为body定义id。例如: 首页:body id=p_home Blog频道:body id=p_blog 相册频道:body id=p_ablum 频道内的所有页面都要统 发布时间:2012-03-03 作者: 佚名技术 views(198)
|