CINXE.COM

<!DOCTYPE HTML> <html> <head> <meta charset="gbk" /> <title>HTML&CSS - T086.com</title> <meta name="description" content=""> <link href="/css/hx.css" rel="stylesheet" type="text/css"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6954704791417392" crossorigin="anonymous"></script> </head> <body> <div id="wrap"> <div id="top_bar"> <a href="/" target="_blank">T086学习网</a> | <a href="/article/">站长学院</a> | <a href="http://www.t086.com/code/" target="_blank">技术文档</a> | <a href="http://chengyu.t086.com/" target="_blank">成语</a> | <a href="http://xhy.t086.com/" target="_blank">歇后语</a>  | <a href="https://ip.t086.com/" target="_blank">IP地址查询</a> | <a href="https://shengri.t086.com/" target="_blank">生日密码</a> | <a href='https://shengri.t086.com/flower/' target="_blank">生日花语</a> | <a href="/tools/csstidy/" target="_blank">CSS压缩</a> | <a href="/zidian/" target="_blank">在线字典</a>  </div> <div class="menuskin" id="popmenu" onmouseover="clearhidemenu()" style="Z-INDEX: 100" onmouseout="dynamichide(event)"></div> <div class="menu_title"> <a href="/">首页</a> | <a href="/article/">文章首页</a> | <a href="/class/it" onmouseover="showmenu(event,'','menu1')">IT资讯</a> | <a href="/class/wangzhan_yunying" onmouseover="showmenu(event,'','menu5')">网站运营</a> | <a href="/class/webdesign" onmouseover="showmenu(event,'','menu2')">网站制作</a> | <a href="/class/program" onmouseover="showmenu(event,'','menu3')">网络编程</a> | <a href="/class/study" onmouseover="showmenu(event,'','menu4')">学习认证</a> | <a href="/class/good">精彩好文</a> | <a href="/class/game">游戏攻略</a> | <a href="/class/others">其它精选</a> | <a href="/article/new">最新文章</a> | <a href="/article/hot">热门文章</a> | <a href="/article/elite">推荐文章</a> | <a href="/zidian/">汉语字典</a> </div> <div id="a1"> </div> <script src="/js/common.js"></script> <script src="/js/main.js"></script> <div id="place"> <div id="place1">您的位置：<a href="http://www.t086.com/">IT学习网</a> > <a href="/article/">文章大全</a> > <a href="/class/webdesign">网页制作</a> > <a href="/class/html_css">HTML&CSS</a></div> <div id="place2"></div> </div> <div class="border4"> <div class="main_title3"> <div class="title_1">HTML&CSS 栏目简介</div> <div class="title_2"></div> </div> </div> <div class="class_intro"> HTML&CSS</div> <div id="class_a2"> </div> <div class="main_title3"> <div class="title_1">HTML&CSS 文章列表</div> <div class="title_2"> <span class="curpage">1</span> [<a href="/class/html_css/index2.htm">2</a>] <a href="/class/html_css/index2.htm">下一页</a></div> </div> <div class="border3" id="list1"><ul> <li>● <a href="/article/5169">图片优化的工具推荐</a></li><li>● <a href="/article/5153">三个 HTML5 不常见特性简介</a></li><li>● <a href="/article/5141">白树:在财付通的两年</a></li><li>● <a href="/article/5134">编写更好的CSS代码</a></li><li>● <a href="/article/5033">每位设计师都应该拥有的50个CSS代码片段</a></li><li>● <a href="/article/4936">前端开发中Cookie那些事儿</a></li><li>● <a href="/article/4929">PNG详解</a></li><li>● <a href="/article/4927">拔赤:前端开发十日谈第一日</a></li><li>● <a href="/article/4895">HTML标签的默认CSS样式汇总</a></li><li>● <a href="/article/4845">前端设计中的浏览器CSS Hack汇总</a></li><li>● <a href="/article/4768">拔赤：淘宝2011新版首页开发实践</a></li><li>● <a href="/article/4596">HTML优化</a></li><li>● <a href="/article/4561">怎样成为优秀的前端工程师</a></li><li>● <a href="/article/4473">请给PNG8一个机会</a></li><li>● <a href="/article/4466">CSS Hack浏览器兼容整理</a></li><li>● <a href="/article/4437">[用例]html元素的部分常用默认样式</a></li><li>● <a href="/article/4435">CSS备忘录</a></li><li>● <a href="/article/4414">IE, FireFox, Opera 浏览器支持CSS实现Alpha半</a></li><li>● <a href="/article/4145">word-wrap和word-break的区别(兼容 IE 和 FF&</a></li><li>● <a href="/article/4141">css中的table-layout:fixed</a></li><li>● <a href="/article/4117">视频教程：CSS/层叠样式表 - 曹鹏作品</a></li><li>● <a href="/article/4087">Marquee为什么不符合WEB标准？</a></li><li>● <a href="/article/4083">网站防挂IFRAME木马的灵儿解决方案</a></li><li>● <a href="/article/4073">用 iframe 解决下拉框与层之冲突</a></li><li>● <a href="/article/4050">IE BUG，margin 两倍</a></li><li>● <a href="/article/4041">CSS图片垂直居中方法整理集合</a></li><li>● <a href="/article/4014">隐藏或屏蔽IE滚动条大搜罗</a></li><li>● <a href="/article/3971">innerHTMl和确认提示的使用</a></li><li>● <a href="/article/3970">小心使用innerHTML</a></li><li>● <a href="/article/3969">跨浏览器的设置innerHTML方法</a></li><li>● <a href="/article/3918">符合Web标准!CSS同比例缩小图片</a></li><li>● <a href="/article/3874">web标准化设计：常用的CSS命名规则</a></li><li>● <a href="/article/3808">完美兼容IE6/IE7/FF的通用方法</a></li><li>● <a href="/article/3773">在FireFox下设为首页的解决方法</a></li><li>● <a href="/article/3731">画中画广告插入在每篇文章中的实现方法</a></li><li>● <a href="/article/3725">如何在网页中插入ram格式的文件，实现在线浏览？</a></li><li>● <a href="/article/3827">网页中空链接的特殊写法</a></li><li>● <a href="/article/3826">HTML文件中如何使用包含</a></li><li>● <a href="/article/3594">去除链接虚线全面分析总结</a></li><li>● <a href="/article/3588">CSS中的滑动门技术</a></li><li>● <a href="/article/3546">XHTML代码的基本应用</a></li><li>● <a href="/article/3529">css模拟title和alt的提示效果</a></li><li>● <a href="/article/3518">tppabs标签是什么意思？</a></li><li>● <a href="/article/3483">如何开始标准之路</a></li><li>● <a href="/article/3470">中文排版CSS心得</a></li><li>● <a href="/article/3365">firefox没有outerHTML</a></li><li>● <a href="/article/3364">实现Web页面内容动态改变的dhtml操作</a></li><li>● <a href="/article/3363">outerHTML的用法</a></li><li>● <a href="/article/3362">innerHTML,outerHTML,innerText,outerText的区别</a></li><li>● <a href="/article/3351">用JAVASCRIPT关闭FIREFOX的TAB</a></li><li>● <a href="/article/3324">揭幕在即！看IconFactory化腐朽为神奇</a></li><li>● <a href="/article/3227">最窄770px最宽1024px经典布局</a></li><li>● <a href="/article/3226">IE Bug--浮动对象外补丁的双倍距离</a></li><li>● <a href="/article/3225">探索CSS实现三行三列等高布局</a></li><li>● <a href="/article/3224">CSS布局自适应高度解决方法</a></li><li>● <a href="/article/3223">CSS之兼容浏览器篇</a></li><li>● <a href="/article/3222">XHTML+CSS兼容性解决方案小集</a></li><li>● <a href="/article/3217">div+css布局漫谈</a></li><li>● <a href="/article/3155">在DIV中图片垂直、水平居中，无须知道图片尺寸</a></li><li>● <a href="/article/3154">css中如何使div居中(垂直水平居中)</a></li><li>● <a href="/article/3126">FCKeditor 2.0 的设置.修改.使用</a></li><li>● <a href="/article/2776">tbody标签的妙用</a></li><li>● <a href="/article/2773">网页防刷新重复提交、防后退解决方法</a></li><li>● <a href="/article/2772">[翻译]用css制作星级评分 II</a></li><li>● <a href="/article/2771">[翻译]用css制作星级评分 I</a></li><li>● <a href="/article/2762">“画中画”效果——谈IFRAME标签的使用</a></li><li>● <a href="/article/2718">清除從word粘貼過來多餘html代碼的ClearWord函數</a></li><li>● <a href="/article/2632">如何用CSS实现在新窗口打开链接</a></li><li>● <a href="/article/2592">expression的应用之 -- 用CSS做出立体表格</a></li><li>● <a href="/article/2591">expression的应用之 -- 用CSS做出双色相间表格</a></li><li>● <a href="/article/2590">CSS中expression使用简介</a></li><li>● <a href="/article/2589">如何在CSS样式中利用expression实现JavaScript中的onmouseover/onm</a></li><li>● <a href="/article/2585">快速精通FRAME（下）</a></li><li>● <a href="/article/2584">快速精通FRAME（上）</a></li><li>● <a href="/article/2582">关于网页源代码屏蔽(3)</a></li><li>● <a href="/article/2581">关于网页源代码屏蔽(2)</a></li><li>● <a href="/article/2580">关于网页源代码屏蔽(1)</a></li><li>● <a href="/article/2404">关于box（盒模式）的一系列问题</a></li><li>● <a href="/article/2354">关闭网页弹出设为主页提示的代码</a></li><li>● <a href="/article/2164">shtml包含文件的BUG?</a></li><li>● <a href="/article/2112">在 CSS 中关于字体处理效果的思考</a></li><li>● <a href="/article/2078">只弹一次的代码</a></li><li>● <a href="/article/2056">简明 HTML CSS 开发规范</a></li><li>● <a href="/article/1970">网页变换效果</a></li><li>● <a href="/article/1892">用CSS定义标题的几个实例</a></li><li>● <a href="/article/1891">CSS中的滑动门技术</a></li><li>● <a href="/article/1890">alt属性和title属性</a></li><li>● <a href="/article/1889">在IE中为abbr标签加样式</a></li><li>● <a href="/article/1888">如何以及何时使用sIFR</a></li><li>● <a href="/article/1861">常用CSS缩写语法总结</a></li></ul></div> <div class="cutpage"><li class="first">上一页</li><li class="cur"><a href="/class/html_css">1</a></li><li class="num"><a href="/class/html_css/index2.htm">2</a></li><li class="next"><a href="/class/html_css/index2.htm">下一页</a></li></div> <div class="menu_popup" id="menu1"> <div class="menuitems"><a href="http://www.t086.com/class/it_news">IT业界资讯</a><br> <a href="http://www.t086.com/class/it_comment">IT业界评论</a><br> <a href="http://www.t086.com/class/it_career">IT人生</a><br> <a href="http://www.t086.com/class/it_elite">IT人物</a> </div></div> <div class="menu_popup" id="menu2"> <div class="menuitems"><a href="http://www.t086.com/class/web_news">网站制作相关</a><br> <a href="http://www.t086.com/class/html_css">HTML&CSS</a><br> <a href="http://www.t086.com/class/photoshop">Photoshop</a><br> <a href="http://www.t086.com/class/micromedia">网页三剑客</a><br> <a href="http://www.t086.com/class/server">服务器</a> </div></div> <div class="menu_popup" id="menu3"> <div class="menuitems"><a href="http://www.t086.com/class/asp">ASP技术</a><br> <a href="http://www.t086.com/class/php">PHP</a><br> <a href="http://www.t086.com/class/java">Java/JSP</a><br> <a href="http://www.t086.com/class/xml">XML学习</a><br> <a href="http://www.t086.com/class/asp.net">ASP.NET</a><br> <a href="http://www.t086.com/class/vb">VB学习</a><br> <a href="http://www.t086.com/class/database">数据库开发</a><br> <a href="http://www.t086.com/class/ajax">AJAX</a> </div></div> <div class="menu_popup" id="menu4"> <div class="menuitems"><a href="http://www.t086.com/class/computer">电脑教室</a><br> <a href="http://www.t086.com/class/network_security">网络安全</a><br> <a href="http://www.t086.com/class/office">办公一族</a><br> <a href="http://www.t086.com/class/jincheng">进程知识库</a><br> <a href="http://www.t086.com/class/job">求职招聘</a><br> <a href="http://www.t086.com/class/management">管理技巧</a><br> <a href="http://www.t086.com/class/meiguo-zhuji">美国主机</a><br> <a href="http://www.t086.com/class/english">英语学习</a> </div></div> <div class="menu_popup" id="menu5"> <div class="menuitems"><a href="http://www.t086.com/class/seo">搜索引擎优化</a><br> <a href="http://www.t086.com/class/zhanzhang_zhuanqian">站长赚钱</a><br> <a href="http://www.t086.com/class/tuiguang_chaozuo">推广炒作</a><br> <a href="http://www.t086.com/class/lianmeng">联盟动态</a> </div></div> <div id="bottom"> <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"> <a class="bds_qzone"></a> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_renren"></a> <a class="bds_baidu"></a> <a class="bds_tieba"></a> <span class="bds_more">更多</span> </div> <div> <a href="http://www.9enjoy.com/guestbook.php" target="_blank">留言建议</a> | <a href="http://aspcheck.9enjoy.com/" target="_blank">ASP探针</a> | <a href="http://www.9enjoy.com/phpcheck/" target="_blank">PHP探针</a> | <a href="http://www.9enjoy.com" target="_blank">站长Enjoy的Blog</a> </div> <div>© 2017 <a href="http://www.t086.com/">T086学习网</a> - T086.com(原itlearner.com) <script id="bdshare_js" data="type=tools&uid=630456" ></script> <script id="bdshell_js"></script> <script>document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)</script> <script src="/js/tj.js"></script> </div> </div> </div></body> </html><div id="runtime">RunTime:5.12ms QueryTime:4</div>