<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>木瓜Blog &#187; CSS</title>
	<atom:link href="http://www.ardy.cn/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ardy.cn</link>
	<description>把简单的事做好</description>
	<lastBuildDate>Mon, 08 Aug 2011 06:46:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>漂亮的CSS 表格</title>
		<link>http://www.ardy.cn/web/css-table.html</link>
		<comments>http://www.ardy.cn/web/css-table.html#comments</comments>
		<pubDate>Tue, 14 Apr 2009 15:05:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WEB技术]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/?p=502</guid>
		<description><![CDATA[table { font-family: arial, helvetica, sans-serif; border-collapse: collapse; margin-bottom: 3em; font-size: 70%; line-height: 1.1; } tr:hover, td.start:hover, td.end:hover { background: #FF9; } th, td { padding: .3em .5em; } th { font-weight: normal; text-align: left; background: url(arrow.gif) no-repeat 2px 50%; padding-left: 15px; } th.name { width: 12em; } th.location { width: 12em; } th.color { [...]]]></description>
		<wfw:commentRss>http://www.ardy.cn/web/css-table.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>超酷圆形边框 div +css 做法</title>
		<link>http://www.ardy.cn/web/%e8%b6%85%e9%85%b7%e5%9c%86%e5%bd%a2%e8%be%b9%e6%a1%86div%2bcss%e5%81%9a%e6%b3%95.html</link>
		<comments>http://www.ardy.cn/web/%e8%b6%85%e9%85%b7%e5%9c%86%e5%bd%a2%e8%be%b9%e6%a1%86div%2bcss%e5%81%9a%e6%b3%95.html#comments</comments>
		<pubDate>Sun, 13 May 2007 13:31:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WEB技术]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/live/log191.html</guid>
		<description><![CDATA[[code] [color=royalblue] &#60;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&#62; &#60;html xmlns="http://www.w3.org/1999/xhtml"&#62; &#60;head&#62; &#60;title&#62;新建网页&#60;/title&#62; &#60;meta http-equiv="content-type" content="text/html; charset=gb2312" /&#62; &#60;meta http-equiv="Content-Language" content="zh-CN" /&#62; &#60;meta name="robots" content="all" /&#62; &#60;meta name="author" content="lybykw &#124; www.vistathink.com" /&#62; &#60;meta name="Copyright" content="Copyright (c) 2000-2005 www.vistathink.com" /&#62; &#60;link rel="icon" href="/favicon.ico" type="image/x-icon" media="screen" /&#62; &#60;link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" media="screen" /&#62; &#60;meta name="description" [...]]]></description>
		<wfw:commentRss>http://www.ardy.cn/web/%e8%b6%85%e9%85%b7%e5%9c%86%e5%bd%a2%e8%be%b9%e6%a1%86div%2bcss%e5%81%9a%e6%b3%95.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>经典 CSS技巧 20个</title>
		<link>http://www.ardy.cn/web/%e7%bb%8f%e5%85%b8css%e6%8a%80%e5%b7%a720%e4%b8%aa.html</link>
		<comments>http://www.ardy.cn/web/%e7%bb%8f%e5%85%b8css%e6%8a%80%e5%b7%a720%e4%b8%aa.html#comments</comments>
		<pubDate>Sun, 13 May 2007 13:17:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WEB技术]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/live/log190.html</guid>
		<description><![CDATA[=============================================== 本文作者是：Trenton Moss。 发表网站是：http://www.webcredible.co.uk。 =============================================== 1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去： font: bold italic small-caps 1em/1.5em verdana,sans-serif 真不错！只有一点要提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值，这点要记上。 2. 同时使用两个类 一般只能给一个元素设定一个类（Class），但这并不意味着不能用两个。事实上，你可以这样： &#60;p class=&#8221;text side&#8221;&#62;&#8230;&#60;/p&#62; 同时给P元素两个类，中间用空格格开，这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话，后设置的起作用，即在CSS文件中放在后面的类的属性起作用。 3. CSS border的缺省值 通常可以设定边界的颜色，宽度和风格，如： border: 3px solid #000 这位把边界显示成3像素宽，黑色，实线。但实际上这里只需要指定风格即可。 如果只指定了风格，其他属性就会使用缺省值。一般地，Border的宽度缺省是medium，一般等于3到4个像素；缺省的颜色是其中文字的颜色。如果这个值正好合适的话，就不用设那么多了。 4. CSS用于文档打印 许多网站上都有一个针对打印的版本，但实际上这并不需要，因为可以用CSS来设定打印风格。 也就是说，可以为页面指定两个CSS文件，一个用于屏幕显示，一个用于打印： &#60;link type=&#8221;text/css&#8221; [...]]]></description>
		<wfw:commentRss>http://www.ardy.cn/web/%e7%bb%8f%e5%85%b8css%e6%8a%80%e5%b7%a720%e4%b8%aa.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>书推荐《精通CSS&#8212;&#8211;高级WEB标准解决方案》</title>
		<link>http://www.ardy.cn/live/%e4%b9%a6%e6%8e%a8%e8%8d%90%e3%80%8a%e7%b2%be%e9%80%9acss-%e9%ab%98%e7%ba%a7web%e6%a0%87%e5%87%86%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88%e3%80%8b.html</link>
		<comments>http://www.ardy.cn/live/%e4%b9%a6%e6%8e%a8%e8%8d%90%e3%80%8a%e7%b2%be%e9%80%9acss-%e9%ab%98%e7%ba%a7web%e6%a0%87%e5%87%86%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88%e3%80%8b.html#comments</comments>
		<pubDate>Thu, 19 Apr 2007 10:59:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[生活匣子]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[书]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/live/log152.html</guid>
		<description><![CDATA[　　最近学习CSS+DIV看了好几本书，总觉得不是特别理想，其中有一本比较满意《精通CSS&#8212;&#8211;高级WEB标准解决方案》书原名：CSS Mastery: Advanced Web Standards Solutions 陈剑瓯释　　感觉比国内了书写的有深度，内容深入全面，无论是CSS新手，还是已用过CSS很久的都能从收中学到不少。网上有部分读者反映释得不是很好，但我个人并不这样认为。各位朋友有时间值得一读。 【内容简介】 　　本书将最有用的CSS技术汇总在一起，在介绍基本的CSS概念和最佳实践之后，讨论了核心的CSS技术，例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深，直到建立比较复杂的示例。之后本书用两章讨论招数、过滤器、bug和bug修复，最后由Simon Collison和Cameron Moll两位杰出的CSS设计人员，将书中讨论的许多技术组合起来，给出了两个实例研究，这两个实例研究将书中讨论的许多技术组合起来，使读者不仅理解工作原理，而且能够学到如何将它们应用在实际项目中，迅速精通CSS，成为CSS专家。本书还集中介绍了现实的浏览器问题，是弥补CSS知识欠缺不可或缺的参考书。本书弥补了一直以来CSS图书的空白。正因如此，英文版出版后，一时洛阳纸贵，多次重印，并迅速登上Amazon图书排行榜前列，最高时甚至与哈里&#183;波特并驾齐驱，创造了计算机图书的销售奇迹。 本书适合具有(X)HTML和CSS基本知识的任何网页设计人员阅读。 　　&#8220;Andy Budd对CSS设计的底层技术和当代方法有着深刻的理解，而且他更善于将这些知识娓娓道来。在跨浏览器支持问题上，无人可以望其项背。&#8221; &#8212;&#8212;Molly E．Holzschlag，Web标准项目负责人，W3C HTML工作组专家 　　&#8220;Andy Budd多年来一直在编写、设计和宣传基于标准的网页设计，我们现在有幸在本书中看到他以简洁清晰的方式讲授最重要的CSS技术。本书提供了一套网页设计人员不可或缺的解决方案、技巧和经验。&#8221; &#8212;&#8212;Dan Cederholm，Web Standards Solutions的作者 【目录信息】 第1章 基础知识. 1．1 设计代码的结构 1．2 为样式找到目标 1．3 规划、组织和维护样式表 1．4 小结 第2章 可视化格式模型 2．1 框模型概述 2．2 定位概述 2．3 小结 第3章 背景图像和图像替换 3．1 背景图像基础 3．2 圆角框 3．3 阴影 3。4 图像替换 3．5 小结 第4章 [...]]]></description>
		<wfw:commentRss>http://www.ardy.cn/live/%e4%b9%a6%e6%8e%a8%e8%8d%90%e3%80%8a%e7%b2%be%e9%80%9acss-%e9%ab%98%e7%ba%a7web%e6%a0%87%e5%87%86%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88%e3%80%8b.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ThickBox 2.0——JS展示脚本</title>
		<link>http://www.ardy.cn/live/thickbox20%e2%80%94%e2%80%94js%e5%b1%95%e7%a4%ba%e8%84%9a%e6%9c%ac.html</link>
		<comments>http://www.ardy.cn/live/thickbox20%e2%80%94%e2%80%94js%e5%b1%95%e7%a4%ba%e8%84%9a%e6%9c%ac.html#comments</comments>
		<pubDate>Sat, 14 Apr 2007 05:26:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[生活匣子]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/live/log146.html</guid>
		<description><![CDATA[Cody Lindley 使用 jQuery 开发 译: croc&#160; 阅读原文 &#160;　　ThickBox 是基于 jQuery 用 JavaScript 编写的网页UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 AJAX 的混合 modal 提供的内容. 查看实例演示 特性: ThickBox 是用超轻量级的 jQuery 库 编写的. 压缩过 jQuery 库只15k, 未压缩过的有39k. ThickBox 的 JavaScript 代码和 CSS 文件只占12k. 所以压缩过的 jQuery 代码和 ThickBox 总共只有27k. ThickBox 能重新调整大于浏览器窗口的图片. ThickBox 的多功能性包括(图片,iframed 的内容,内嵌的内容,AJAX 的内容). 展示单一图片（single image） 展示图片集（multiple images） [...]]]></description>
		<wfw:commentRss>http://www.ardy.cn/live/thickbox20%e2%80%94%e2%80%94js%e5%b1%95%e7%a4%ba%e8%84%9a%e6%9c%ac.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web2.0图片特效脚本 lightbox 【推荐】</title>
		<link>http://www.ardy.cn/web/web20%e5%9b%be%e7%89%87%e7%89%b9%e6%95%88%e8%84%9a%e6%9c%aclightbox%e3%80%90%e6%8e%a8%e8%8d%90%e3%80%91.html</link>
		<comments>http://www.ardy.cn/web/web20%e5%9b%be%e7%89%87%e7%89%b9%e6%95%88%e8%84%9a%e6%9c%aclightbox%e3%80%90%e6%8e%a8%e8%8d%90%e3%80%91.html#comments</comments>
		<pubDate>Thu, 12 Apr 2007 13:22:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WEB技术]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/live/log143.html</guid>
		<description><![CDATA[Lightbox JS 是一个简单方便的用来把图片覆盖在当前页面上的脚本,它能被快速安装并且运作于所有流行的浏览器. 最新更新 Version 2.0# 图片集: 分组相关的图片并且能轻松的导航它们 # 视觉特效: 奇特的自适应调整 # 向后兼容: yes! 点击下面查看效果 http://www.ardy.cn/lightbox/test.html http://www.ardy.cn/lightbox/lightbox2.html v2.03 Released 4/10/07 - Improved keyboard navigation. Animation off toggle. Hides Flash movies under overlay. Imagemap support. Valid CSS. 官方地址(演示+最新2.03版本下载): http://www.huddletogether.com/projects/lightbox2/ 建议新手先下载蓝色理想汉化版,有中文说明(版本非最新2.03,而是2.02) http://www.blueidea.com/articleimg/2006/08/3904/lightbox2.02.zip 如何使用: 步骤 1 &#8211; 安装 Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果库. 你将需要外调这三个 Javascript 文件在你的 [...]]]></description>
		<wfw:commentRss>http://www.ardy.cn/web/web20%e5%9b%be%e7%89%87%e7%89%b9%e6%95%88%e8%84%9a%e6%9c%aclightbox%e3%80%90%e6%8e%a8%e8%8d%90%e3%80%91.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>网页设计中文字颜色的搭配技巧</title>
		<link>http://www.ardy.cn/live/%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e4%b8%ad%e6%96%87%e5%ad%97%e9%a2%9c%e8%89%b2%e7%9a%84%e6%90%ad%e9%85%8d%e6%8a%80%e5%b7%a7.html</link>
		<comments>http://www.ardy.cn/live/%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e4%b8%ad%e6%96%87%e5%ad%97%e9%a2%9c%e8%89%b2%e7%9a%84%e6%90%ad%e9%85%8d%e6%8a%80%e5%b7%a7.html#comments</comments>
		<pubDate>Thu, 29 Mar 2007 23:44:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[生活匣子]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[色彩]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/live/log113.html</guid>
		<description><![CDATA[　　前几天看到的文章，觉得非常不错，现引用过来和大家一起分享，版权归原作者所有 　　对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。 　　一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定会有不错的效果，希望对大家在制作网页时有用。 　　Bgcolor&#922;&#8243;＃F1FAFA&#8243;&#8212;&#8212;&#8212;做正文的背景色好，淡雅 　　Bgcolor&#922;&#8243;＃E8FFE8&#8243;&#8212;&#8212;&#8212;做标题的背景色较好 　　Bgcolor&#922;&#8243;＃E8E8FF&#8243;&#8212;&#8212;&#8212;做正文的背景色较好，文字颜色配黑色 　　Bgcolor&#922;&#8243;＃8080C0&#8243;&#8212;&#8212;&#8212;上配黄色白色文字较好 　　Bgcolor&#922;&#8243;＃E8D098&#8243;&#8212;&#8212;&#8212;上配浅蓝色或蓝色文字较好 　　Bgcolor&#922;&#8243;＃EFEFDA&#8243;&#8212;&#8212;&#8212;上配浅蓝色或红色文字较好 　　Bgcolor&#922;&#8243;＃F2F1D7&#8243;&#8212;&#8212;&#8212;配黑色文字素雅，如果是红色则显得醒目 　　Bgcolor&#922;&#8243;＃336699&#8243;&#8212;&#8212;&#8212;配白色文字好看些 　　Bgcolor&#922;&#8243;＃6699CC&#8243;&#8212;&#8212;&#8212;配白色文字好看些，可以做标题 　　Bgcolor&#922;&#8243;＃66CCCC&#8243;&#8212;&#8212;&#8212;配白色文字好看些，可以做标题 　　Bgcolor&#922;&#8243;＃B45B3E&#8243;&#8212;&#8212;&#8212;配白色文字好看些，可以做标题 　　Bgcolor&#922;&#8243;＃479AC7&#8243;&#8212;&#8212;&#8212;配白色文字好看些，可以做标题 　　Bgcolor&#922;&#8243;＃00B271&#8243;&#8212;&#8212;&#8212;配白色文字好看些，可以做标题 　　Bgcolor&#922;&#8243;＃FBFBEA&#8243;&#8212;&#8212;&#8212;配黑色文字比较好看，一般作为正文 　　Bgcolor&#922;&#8243;＃D5F3F4&#8243;&#8212;&#8212;&#8212;配黑色文字比较好看，一般作为正文 　　Bgcolor&#922;&#8243;＃D7FFF0&#8243;&#8212;&#8212;&#8212;配黑色文字比较好看，一般作为正文 　　Bgcolor&#922;&#8243;＃F0DAD2&#8243;&#8212;&#8212;&#8212;配黑色文字比较好看，一般作为正文 　　Bgcolor&#922;&#8243;＃DDF3FF&#8243;&#8212;&#8212;&#8212;配黑色文字比较好看，一般作为正文 　　　浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果。 　　　此文只是起一个&#8220;抛砖引玉&#8221;的作用，大家可以发挥想象力，搭配出更有新意、更醒目的颜色，使网页更具有吸引力。]]></description>
		<wfw:commentRss>http://www.ardy.cn/live/%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e4%b8%ad%e6%96%87%e5%ad%97%e9%a2%9c%e8%89%b2%e7%9a%84%e6%90%ad%e9%85%8d%e6%8a%80%e5%b7%a7.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>为Blog添加动态鼠标样式  CSS鼠标样式大全</title>
		<link>http://www.ardy.cn/live/%e4%b8%bablog%e6%b7%bb%e5%8a%a0%e5%8a%a8%e6%80%81%e9%bc%a0%e6%a0%87%e6%a0%b7%e5%bc%8fcss%e9%bc%a0%e6%a0%87%e6%a0%b7%e5%bc%8f%e5%a4%a7%e5%85%a8.html</link>
		<comments>http://www.ardy.cn/live/%e4%b8%bablog%e6%b7%bb%e5%8a%a0%e5%8a%a8%e6%80%81%e9%bc%a0%e6%a0%87%e6%a0%b7%e5%bc%8fcss%e9%bc%a0%e6%a0%87%e6%a0%b7%e5%bc%8f%e5%a4%a7%e5%85%a8.html#comments</comments>
		<pubDate>Wed, 14 Mar 2007 14:23:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[生活匣子]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/live/log68.html</guid>
		<description><![CDATA[&#160;&#160;&#160; 今天换了个鼠标样式，觉得挺不错的，给大家一起分享一下。 &#160;&#160;&#160; 主要是在加如下代码 &#160;&#160;&#160;&#160;&#160; &#160;&#160; body{background:#FFFFF;CURSOR: url(&#39;http://webme.bokee.com/inc/mouse028.cur&#39;)} &#160;&#160;&#160;&#160; &#160;&#160; &#160;a:hover{CURSOR: url(&#39;http://webme.bokee.com/inc/mouse031.ani&#39;)}&#160; &#160;&#160;&#160; 如是F2Blog就在所在目录的/skins/****/global.css&#160;&#160; 中 body&#160;后面加上 &#160;CURSOR: url(&#39;http://webme.bokee.com/inc/mouse051.ani&#39;);&#160; 再在link.css中的a:link,a:visited 后面加上CURSOR: url(&#39;http://webme.bokee.com/inc/mouse018.ani&#39;);&#160;&#160; &#160;&#160;&#160; 可参见下面网址，里面收录了100个很酷的动态鼠标样式 &#160;&#160;&#160; 山水天下 http://myok.bokee.com/3429184.html &#160;&#160;&#160; 使用说明： 一、首先说说在博客中的使用方法（老公社的博客，对新公社的博客不实用）： 直接将鼠标样式代码部分中的代码复制粘贴到模板（首页、单篇、索引）CSS中的body{后面就可以了； 二、其他博客或者网页使用的方法： （一）如果有独立的CSS样式表的话，就直接将代码添加在CSS样式表代码中的body{后； （二）如果没有独立的CSS样式表，但可对网页进行HTML（源码）状态进行编辑的话，那么就在HTML（源码）状态下，加入如下代码（其中的鼠标代码部分可替换成自己喜欢的鼠标样式代码）。 （三）如果上述两种方法在你的网站里均不可实现，那就看看你的网站有什么可以添加代码的地方（这一般多出现在一些类似博客提供商的网站，因为限定了许多功能造成的），比如摘要、链接等，只要可以添加代码的地方，再试着将上述（二）中的代码添加进去。 （四）如果上述几种办法都不能解决的话，那只能说你的网站功能非常有限，我也无能为力了。]]></description>
		<wfw:commentRss>http://www.ardy.cn/live/%e4%b8%bablog%e6%b7%bb%e5%8a%a0%e5%8a%a8%e6%80%81%e9%bc%a0%e6%a0%87%e6%a0%b7%e5%bc%8fcss%e9%bc%a0%e6%a0%87%e6%a0%b7%e5%bc%8f%e5%a4%a7%e5%85%a8.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS技巧收藏</title>
		<link>http://www.ardy.cn/live/css%e6%8a%80%e5%b7%a7%e6%94%b6%e8%97%8f.html</link>
		<comments>http://www.ardy.cn/live/css%e6%8a%80%e5%b7%a7%e6%94%b6%e8%97%8f.html#comments</comments>
		<pubDate>Mon, 12 Mar 2007 11:33:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[生活匣子]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/live/log54.html</guid>
		<description><![CDATA[用CSS实现一个表格的背景色为渐进 程序代码 &#60;body bgcolor=&#34;#EEEEEE&#34;&#62;&#60;style type=&#34;text/css&#34;&#62;&#60;!&#8211;.xr td {&#160;&#160;&#160;&#160;font-family: &#34;Tahoma&#34;;&#160;&#160;&#160;&#160;font-size: 12px;&#160;&#160;&#160;&#160;font-weight: bold;&#160;&#160;&#160;&#160;text-align: center;&#160;&#160;&#160;&#160;Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);} table {&#160;&#160;&#160;&#160;font-family: &#34;Tahoma&#34;;&#160;&#160;&#160;&#160;font-size: 12px;}&#8211;&#62;&#60;/style&#62; &#60;table width=&#34;80%&#34; border=&#34;0&#34; cellpadding=&#34;5&#34; cellspacing=&#34;1&#34; bgcolor=&#34;#999999&#34;&#62;&#60;tr bgcolor=&#34;#FFFFFF&#34; class=&#34;xr&#34;&#62; &#60;td width=&#34;20&#34;&#62;ID&#60;/td&#62;&#60;td&#62;Name&#60;/td&#62;&#60;td&#62;ICQ&#60;/td&#62;&#60;td&#62;MSN&#60;/td&#62;&#60;td&#62;Homepage&#60;/td&#62;&#60;td&#62;Date&#60;/td&#62;&#60;td&#62;Content&#60;/td&#62;&#60;/tr&#62;&#60;tr align=&#34;center&#34; bgcolor=&#34;#FFFFFF&#34;&#62; &#60;td&#62;&#160;&#60;/td&#62;&#60;td&#62;&#160;&#60;/td&#62;&#60;td&#62;&#160;&#60;/td&#62;&#60;td&#62;&#160;&#60;/td&#62;&#60;td&#62;&#160;&#60;/td&#62;&#60;td&#62;&#160;&#60;/td&#62;&#60;td&#62;&#160;&#60;/td&#62;&#60;/tr&#62;&#60;/table&#62; 用CSS实现圆角表格： 程序代码 ＜html xmlns:v＞＜style＞6v\:*{behavior:url(#default#VML)}＜/style＞)＜body＞＜v:RoundRect style=&#34;position:relative;width:150;height:240px&#34; arcsize=0.5＞＜v:shadow on=&#34;T&#34; type=&#34;single&#34; color=&#34;#b3b3b3&#34; offset=&#34;3px,3px&#34;/＞＜v:TextBox style=&#34;font-size:10.2pt;&#34;＞＜/v:RoundRect＞ ＜/body＞＜/html＞ 　　用VML技术可以很容易地制作一个圆角表格，而且还有投影哦！　　①修改＜html＞表识为＜html xmlns:v＞ 　　②在＜head＞区域添加如下代码：＜style＞〈br&#62;v\:* {behavior: url(#default#VML);}〈br〉＜/style＞ 　　③在您要添加圆角表格的地方加入以下代码：＜v:RoundRect style=&#34;position:relative;width:200;height:100px&#34;＞＜v:shadow on=&#34;T&#34; [...]]]></description>
		<wfw:commentRss>http://www.ardy.cn/live/css%e6%8a%80%e5%b7%a7%e6%94%b6%e8%97%8f.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>滚动字幕制作手册</title>
		<link>http://www.ardy.cn/live/%e6%bb%9a%e5%8a%a8%e5%ad%97%e5%b9%95%e5%88%b6%e4%bd%9c%e6%89%8b%e5%86%8c.html</link>
		<comments>http://www.ardy.cn/live/%e6%bb%9a%e5%8a%a8%e5%ad%97%e5%b9%95%e5%88%b6%e4%bd%9c%e6%89%8b%e5%86%8c.html#comments</comments>
		<pubDate>Mon, 12 Mar 2007 11:13:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[生活匣子]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.ardy.cn/live/log38.html</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160; 滚动字幕会让很多人感到兴奋，特别是第一次使用滚动字幕时，会爱不释手。滚动字幕我也做得不少了，对它也不会兴奋了，所以现在也用得不多了。有不少朋友常问到这是怎么做的，现在做一个详细的专题，让你更全面地了解一下。 滚动字幕在FrontPage的组件里有，但是FrontPage这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动！(如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面，请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。 1.建立第一个滚动字幕。代码：&#60;marquee scrollAmount=2 width=300&#62;网页教学网webjx.com欢迎您的光临&#60;/marquee&#62;效果如： 网页教学网webjx.com欢迎您的光临 2.各参数详解： a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。 b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。 c)direction。表示滚动的方向，默认为从右向左：&#8592;&#8592;&#8592;。可选的值有right、down、up。滚动方向分别为：right表示&#8594;&#8594;&#8594;，up表示&#8593;，down表示&#8595;。 d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。 e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动) 3.实例： a)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上&#60;a href=***&#62;和&#60;/a&#62;就可以了。如下效果，代码是&#60;marquee scrollAmount=2 width=300&#62;&#60;a href=http://www.webjx.com&#62;中央电视台&#60;/a&#62;&#60;/marquee&#62;，点击中央电视台就可以进入了： 网页教学网 b)如何制作当鼠标停留在文字上，文字停止滚动？代码如：&#60;marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()&#62;文字内容&#60;/marquee&#62;效果如：文字内容 c)交替效果。代码如：&#60;marquee scrollAmount=2 width=99 behavior=alternate&#62;文字内容&#60;/marquee&#62;效果如：文字内容 d)多行文本向上滚动。代码如：&#60;marquee scrollAmount=2 width=300 height=160 direction=up&#62;&#183;早晨好啊！&#60;br&#62;&#183;空气好清新啊&#60;br&#62;&#183;今朝食乜好呢？&#60;p&#62;&#183;&#60;a href=http://www.webjx.com&#62;网页教学网&#60;/a&#62;&#60;/marquee&#62;效果如：&#183;早晨好啊！&#183;空气好清新啊&#183;今朝食乜好呢？ &#183;网页教学网 &#183;注意：如果你的网页经过了FrontPage编辑，保存之后，只能滚动一行，这时候你发现你原来的代码顺序已经变了，My god！解决的办法是，找出原来的代码，把它嵌入到JavaScript的document.write中即可，上述代码写为：&#60;script&#62;document.write(&#39;&#60;marquee scrollAmount=2 width=300 height=160 direction=up&#62;&#183;早晨好啊！&#60;br&#62;&#183;空气好清新啊&#60;br&#62;&#183;今朝食乜好呢？&#60;p&#62;&#183;&#60;a href=http://www.webjx.com&#62;网页教学网&#60;/a&#62;&#60;/marquee&#62;&#39;)&#60;/script&#62; e)改变滚动字幕的颜色？可以用样式表来控制。如下效果，代码是&#60;marquee scrollAmount=2 width=300&#62;&#60;a style=color:CC6600&#62;网页教学网！&#60;/a&#62;&#60;/marquee&#62;。网页教学网！ 由上可以看出，HTML代码是可以随意组合的，功能强大！]]></description>
		<wfw:commentRss>http://www.ardy.cn/live/%e6%bb%9a%e5%8a%a8%e5%ad%97%e5%b9%95%e5%88%b6%e4%bd%9c%e6%89%8b%e5%86%8c.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

