標題:
CSS實作_1
[打印本頁]
作者:
may
時間:
2011-7-30 18:36
標題:
CSS實作_1
index.php
images/bg.gif
images/tag_bg.gif
CSS/style.css
js/tagChange.js
---------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tag</title>
<script src="js/tagChange.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<style type="text/css">
</style>
</head>
</html>
作者:
may
時間:
2011-7-30 18:38
標題:
CSS實作__2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tag</title>
<script src="js/tagChange.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<style type="text/css">
</style>
<!-- 第一層 -->
<div>
<ul id=''>
<li><a href='#'></a></li>
<li><a href='#'></a></li>
<li><a href='#'></a></li>
</ul>
</div>
</head>
</html>
作者:
may
時間:
2011-7-30 19:51
標題:
CSS實作_3
body{background:#F8F8F2;}
a{color:#FA0300;text-decoration: none;}
a:visited {color:#cccc00;} /*訪問過連結顏色*/
a:active {color:#ff22cc;} /*執行中連結顏色*/
a:hover {color:#ffcc22;} /*當滑鼠移到連結時連結顏色*/
#menu{width:360px;}
#menu #nav{display:black; width:100%; padding:0; margin:0; list-style:none;
background:url(../images/bg.gif);}
#menu #nav li {float:left; width:120px;}
#menu #nav li a{display:black; line-height:27px; text-decoration:none;
padding:0 0 0 5px; text-align:center;}
作者:
may
時間:
2011-7-30 20:10
標題:
RE: CSS實作_4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tag</title>
<script src="js/tagChange.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<style type="text/css">
</style>
<!-- 第一層 -->
<div id='menu'>
<ul id='nav'>
<li><a href='#'>tag1</a></li>
<li><a href='#'>tag2</a></li>
<li><a href='#'>tag3</a></li>
</ul>
<!-- 第二層 -->
<div>
<div>
aaaa
</div>
<div>
bbbb
</div>
<div>
cccc
</div>
</div>
</head>
</html>
歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://seed.istak.org.tw/)
Powered by Discuz! 7.2