国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

制作網(wǎng)頁新聞框:CSS相對與絕對的方法

2024-07-11 08:22:45
字體：大 中 小
供稿：網(wǎng)友
網(wǎng)頁制作文章簡介：CSS使用相對與絕對制作常用新聞框，JQuery附加標(biāo)題前標(biāo)點(diǎn)。

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>相對與絕對</title>
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<style>
* {margin:0px;padding:0px;list-style-type:none;font-family:arial;font-size:11px;}
body {padding:100px;}

.TableShow {width:480px;position:relative;border:1px solid #eee;padding:34px 10px 10px 10px;}
.TableShow ul {position:absolute;width:100%;height:24px;line-height:24px;left:0px;top:0px;background:#eee;}
.TableShow .title {float:left;margin-left:10px;}
.TableShow .more {float:right;margin-right:10px;}
</style>
<script>
$(document).ready(function() {
$(".TableShow dt").prepend("&gt; ")
});
</script>
<body>
<div class="TableShow">
<ul>
<li class="more">More</li>
<li class="title">Title</li>
</ul>
<dl>
<dt>Title : News Center List</dt>
<dt>Title : News Center List</dt>
<dt>Title : News Center List</dt>
<dt>Title : News Center List</dt>
<dt>Title : News Center List</dt>
</dl>
</div>
</body>
</html>

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 秭归县| 衡南县| 南平市| 丰宁| 招远市| 澄江县| 原平市| 朔州市| 宁陕县| 雅江县| 田阳县| 浙江省| 彭阳县| 桃江县| 台东县| 禄劝| 铜鼓县| 通许县| 岱山县| 上虞市| 无为县| 大埔区| 蒙自县| 紫金县| 城口县| 万源市| 醴陵市| 梁平县| 迁西县| 长兴县| 舞钢市| 龙海市| 古田县| 将乐县| 桐庐县| 攀枝花市| 新安县| 安岳县| 乃东县| 和硕县| 滦平县|