<div data-title="标题" class="tip"></div>
.tip:after {
content:attr(data-title)
//在这里设置好title出现的位置就好了
}
在div+css布局中,一般都像下面这样来整体构架的:<div id="header"></div>
<div id="center"></div>
<div id="footer"></div>
对于header部分,肯定要显示网站标题,除了显示网站标题外,还可能要显示其他比较重要的对象,比如网站的导航栏:
<div id="header">
<div id="title">这里是网站的标题</div>
<div id="nav">这里是网站导航栏</div>
</div>
导航栏一般是由多个小块内容组成,选择无序列表
<ul><li></li></ul>
可以使用CSS的expression,仅限于IE5-IE7上使用,代码如下所示:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
<title>Test Expression</title>
<style type="text/css">
a {star : expression(onload=this.title="111111111111")}
</style>
</head>
<body>
<a href="a.htm">a.htm</a>
<a href="b.htm">b.htm</a>
</body>
</html>
效果如下: