RGB 取色器 HTML 参考手册 CSS 参考手册 HTML 在线测试工具
编写代码：
<!DOCTYPE html>
<html>
<head>
<style>
span.fangkuang
{
background-color: #66ff66;
border: black solid thin;
padding:10px 10px 10px 10px;
box-shadow: 2px 2px 3px #888888;
border-width:1px;
height:20px;
width:100px;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
cursor: pointer;
}
span:hover
{
text-decoration: none;
background-color: #FFA500;
}
</style>
</head>
<body>
<p align="center">
<span class="fangkuang" onclick="window.open(‘http://www.atool.org/colorpicker.php‘)">RGB 取色器</span>
<span> </span>
<span class="fangkuang" onclick="window.open(‘http://www.w3school.com.cn/tags/‘)">HTML 参考手册</span>
</p>
<p align="center">
<span class="fangkuang" onclick="window.open(‘http://www.w3school.com.cn/cssref/index.asp‘)">CSS 参考手册</span>
<span> </span>
<span class="fangkuang" onclick="window.open(‘http://www.w3school.com.cn/tiy/t.asp?f=html_basic‘)">HTML 在线测试工具</span>
</p>
</body>
</html>
原文：http://www.cnblogs.com/alex-bn-lee/p/5041358.html