RGB 取色器 HTML 参考手册 CSS 参考手册 HTML 在线测试工具
上面源码(博客园 - HTML):
<style><!--
p.bg_gray {
background-color: #FFF;
border: black solid thin;
padding:15px;
box-shadow: 0px 0px 2px #888888;
border-width:0px;
width: 700px;
}
--></style>
<p class="bg_gray" align="center"><span class="fangkuang" οnclick="window.open('http://www.atool.org/colorpicker.php')">RGB 取色器</span> <span> </span> <span class="fangkuang" οnclick="window.open('http://www.w3school.com.cn/tags/')">HTML 参考手册</span> <span> </span> <span class="fangkuang" οnclick="window.open('http://www.w3school.com.cn/cssref/index.asp')">CSS 参考手册</span> <span> </span> <span class="fangkuang" οnclick="window.open('http://www.w3school.com.cn/tiy/t.asp?f=html_basic')">HTML 在线测试工具</span></p>
<p> </p>
网站测试代码:
<!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" οnclick="window.open('http://www.atool.org/colorpicker.php')">RGB 取色器</span>
<span> </span>
<span class="fangkuang" οnclick="window.open('http://www.w3school.com.cn/tags/')">HTML 参考手册</span>
</p>
<p align="center">
<span class="fangkuang" οnclick="window.open('http://www.w3school.com.cn/cssref/index.asp')">CSS 参考手册</span>
<span> </span>
<span class="fangkuang" οnclick="window.open('http://www.w3school.com.cn/tiy/t.asp?f=html_basic')">HTML 在线测试工具</span>
</p>
</body>
</html>
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
<!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>
其他:
RGB 取色器 HTML 参考手册 CSS 参考手册 HTML 在线测试工具
----------
一、标题栏设计
----------
一、标题栏设计
----------
1. 二级标题
----------