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

首頁 > 開發 > CSS > 正文

制作網頁新聞框:CSS相對與絕對的方法

2024-07-11 09:02:13
字體：大 中 小
來源：轉載
供稿：網友

武林網(m.survivalescaperooms.com)文章簡介：CSS使用相對與絕對制作常用新聞框，JQuery附加標題前標點。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>相對與絕對</title>
</head>
<script type="text/javascript" src=""></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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 恭城| 凭祥市| 南丰县| 茶陵县| 农安县| 广昌县| 无棣县| 滨海县| 宁陕县| 闵行区| 阳山县| 巫山县| 凤庆县| 西青区| 冀州市| 仁怀市| 伊川县| 梓潼县| 临沧市| 陆良县| 剑河县| 白银市| 孟津县| 永福县| 宾阳县| 铁岭县| 肥城市| 固始县| 怀宁县| 桓台县| 昌乐县| 恭城| 衡山县| 兴国县| 蚌埠市| 崇文区| 普洱| 崇文区| 木兰县| 乡宁县| 婺源县|