国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 雷州市| 府谷县| 随州市| 兴山县| 衡南县| 沈阳市| 阜康市| 义马市| 色达县| 阜康市| 陕西省| 会泽县| 漳州市| 永丰县| 南城县| 长泰县| 思南县| 呼和浩特市| 资阳市| 高淳县| 林芝县| 昌平区| 临夏县| 桐乡市| 岗巴县| 正宁县| 巴林右旗| 获嘉县| 扎囊县| 当雄县| 济源市| 福建省| 巴彦淖尔市| 建平县| 嫩江县| 师宗县| 桦川县| 滨州市| 汶上县| 平邑县| 神农架林区|