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

首頁 > 開發 > CSS > 正文

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

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

武林網(www.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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 秦皇岛市| 察哈| 金山区| 阿巴嘎旗| 乐亭县| 寿光市| 驻马店市| 湖州市| 崇州市| 宁河县| 常宁市| 井研县| 甘南县| 虎林市| 保定市| 彩票| 乌恰县| 富民县| 阳谷县| 柳林县| 通海县| 泰和县| 特克斯县| 道孚县| 吉水县| 博爱县| 泰顺县| 松潘县| 乌拉特前旗| 花垣县| 富民县| 安顺市| 西藏| 高要市| 堆龙德庆县| 文安县| 平罗县| 自治县| 大冶市| 和平区| 灌阳县|