易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS Cookbook例子:创建水平导航菜单


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css"><!--
#navsite h5 {
display: none
}
#navsite ul {
padding:3px 0;
margin-left:0;
border-bottom:1px solid #778;
font:bold 12px Verdana,sans-serif;
}
#navsite ul li {
list-style:none;
margin:0;
display:inline;
}
#navsite ul li a {
padding:3px 0.5em;
margin-left:3px;
border:1px solid #778;
border-bottom:none;
background:#dde;
text-decoration:none;
}
#navsite ul li a:link{
color:#448;
}
#navsite ul li a:visited{
color:#667;
}
#navsite ul li a:link:hover,#navsite ul li a:visited:hover {
color:#000;
background:#aae;
border-color:#227;
}
#navsite ul li a#current {
background:white;
border-bottom:1px solid white;
}
--></style>
</head>
<body>
<div id="navsite">
<h5>Site navigation:</h5>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Archives</a></li>
<li><a href="/writing/">Writing</a></li>
<li><a href="/speaking/">Speaking</a></li>
<li><a href="/Contact/">Contact</a></li>
</ul>
</div>
</body>
</html>


相关文档:

9个永不过时的css三栏布局

        我喜欢3栏布局的网页设计,但是3栏布局相对来说就比较复杂,有些难以控制,尽管时下正火的Web2.0似乎很少采用3栏布局。但没关系,我们是非非非主流。
        首先,任何一个布局通常都有headers, navigation bars, content containers,
......

css实现强制不换行/自动换行/强制换行

强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
源地址:http://www.iwms.net/n1919c40.aspx
......

使用CSS样式 clear:both 实现div不并排

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#wai{
 width:500px;
 height:500px;
 background-color: #990;
}
#nei {
 float:left;
 width:200p ......

CSS 元素的定位

CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动(参见第13课),你将能够创建多种高级而精确的布局。
本课我们将讨论以下内容:
CSS定位的原理
绝对定位
相对定位
CSS定位的原理
把浏览器窗口想象成一个坐标系统:
CSS定位的原理是:你可以将任何盒子(box)放置在坐标系统的任何 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号