根据spry制作高级网页组件-白红宇

根据spry制作高级网页组件

阅读量：6247 次

发布时间：2019-06-22

本文共 3887 字，大约阅读时间需要 12 分钟。

//（tab.css网页）

@charset "utf-8";

/* CSS Document */

body{

margin:10px;

}

#content{

border-left:1px solid #11a3ff;

border-right:1px solid #11a3ff;

border-bottom:1px solid #11a3ff;

padding:5px;

font-size:12px;

}

ul#tabnav{

list-style-type:none;

margin:0;

padding-left:0;

padding-bottom:23px;

border-bottom:1px solid #11a3ff;

font:bold 12px verdana, arial;

}

ul#tabnav li{

float:left;

height:22px;

background-color:#a3dbff;

margin:0 3px 0 0;

border:1px solid #11a3ff;

}

body#home ul#tabnav li.home,body#dev ul#tabnav li.dev,body#design ul#tabnav li.design,body#map ul#tabnav li.map{

border-bottom:1px solid #fff;

color:#000;

background-color:#fff;

}

ul#tabnav a:link, ul#tabnav a:visited{

display:block;

color:#006eb3;

text-decoration:none;

padding:5px 10px 3px 10px;

}

ul#tabnav a:hover{

background-color:006eb3;

color:#fff;

}

body#home ul#tabnav li.home a:link,body#home ul#tabnav li.home a:visited,

body#dev ul#tabnav li.dev a:link,body#dev ul#tabnav li.dev a:visited,

body#design ul#tabnav li.design a:link,body#design ul#tabnav li.design a:visited,

body#map ul#tabnav li.map a:link,body#map ul#tabnav li.map a:visited{

color:#000;

background-color:#fff;

}

body#home ul#tabnav li.home a:hover,body#dev ul#tabnav li.dev a:hover,body#design ul#tabnav li.design a:hover,body#map ul#tabnav li.map a:hover{

color:006eb3;

text-decoration:underline;}

//(home.html网页)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<head>

<title>无标题文档</title>

</head>

</li>

</li>

<li class="design"><a href="design.html">Web Design</a>

</li>

</li>

</ul>

<li>1.There are some good news.</li>

<li>3.The text here are example.</li>

<li>5.The text here are example.</li>

</ul>

</div>

</body>

</html>

//(dev.html网页)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<head>

<title>无标题文档</title>

</head>

</li>

</li>

<li class="design"><a href="design.html">Web Design</a>

</li>

</li>

</ul>

这是dev选项卡的内容。

</div>

</body>

</html>

//(design.html网页)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<head>

<title>无标题文档</title>

</head>

</li>

</li>

<li class="design"><a href="design.html">Web Design</a>

</li>

</li>

</ul>

这是design选项卡的内容。

</div>

</body>

</html>

//(map.html网页)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<head>

<title>无标题文档</title>

</head>

</li>

</li>

<li class="design"><a href="design.html">Web Design</a>

</li>

</li>

</ul>

这是map选项卡的内容。

</div>

</body>

</html>

转载于:https://www.cnblogs.com/lilan/archive/2011/10/24/2222449.html

你可能感兴趣的文章

类的基础

查看>>

Sql Server系列：使用Transact-SQL编程

查看>>

新增题目功能模块总结

查看>>

三、mono for android 学习：参考书籍

查看>>

javascript练习:8-10事件与this运算符

查看>>

Linux下SVN部署/安全及权限配置，实现web同步更新

SQL SERVER 查询性能优化——分析事务与锁（二）

查看>>

动画实现实现上下滚动的TextView

查看>>

HDU-4461 The Power of Xiangqi 签到题

【数据存储】数据查询与Cursor接口（4）

查看>>

DoTA与人生

查看>>

〖Android〗/system/etc/media_codecs.xml

查看>>

ESN 与 MEID

查看>>

MySQL server version for the right syntax to use near ‘USING BTREE

查看>>

launch failed.Binary not found

查看>>

MySql服务器的启动和关闭

查看>>