【188】HTML + CSS + JS 学习网站

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" 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> <span>    </span> <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>

<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" 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>

<!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. 二级标题

----------

秒客网

【188】HTML + CSS + JS 学习网站

相关文章