校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 純CSS制作的新聞網站中的文章列表

純CSS制作的新聞網站中的文章列表
熱門標簽：隨州外呼系統廠家 ai電話機器人效果差 快速更改地圖標注點標 沈陽400電話辦理多少錢 南昌電話機器人系統 地圖標注樓盤 地圖標注微信好友 南山電話機器人 蘇州做電話機器人
應用CSS制作的新聞網站中的文章列表：ul是html中的無序列表，li是列表中的列表項。如果沒有CSS定義它的外觀，它默認是顯示成一列列表，并且它會存在項目符號(比如方塊或實心的黑點)的列表內容。CSS網頁布局中，除了新聞列表、鏈接運行ul、li制作以外，我們通常將菜單也用ul、li來實現。 

!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=gb2312" /> 
title>CSS新聞列表制作webjx.com/title> 
style type="text/css"> 
.list{ 
margin: 0px 10px 20px; 
text-align: left; 
} 
.list ul{ 
list-style-type: none; 
margin: 0px; 
padding: 0px; 
} 
.list li{ 
width: 100%; 
} 
.list li a{ 
color: #777777; 
display: block; 
padding: 6px 0px 4px 15px; 
} 
.list li span{ 
float: right;/*使span元素浮動到右面*/ 
text-align: right;/*日期右對齊*/ 
} 
.list li a:hover{ 
color: #336699; 
} 
/style> 
/head> 
body> 
ul class=list> 
li>span>2007年12月21日/span>a href="#">新聞標題01/a>/li> 
li>span>2007年12月21日/span>a href="#">新聞標題02/a>/li> 
li>span>2007年12月21日/span>a href="#">新聞標題03/a>/li> 
li>span>2007年12月21日/span>a href="#">新聞標題04/a>/li> 
/ul> 
注意:span一定要放在前面,反之會產生換行 
/body> 
/html> 

標簽：石家莊 商洛 玉樹 昭通 濰坊 大同 深圳 濰坊

巨人網絡通訊聲明：本文標題《純CSS制作的新聞網站中的文章列表》，本文關鍵詞  純,CSS,制作,的,新聞,網站,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《純CSS制作的新聞網站中的文章列表》相關的同類信息！
  • 本頁收集關于純CSS制作的新聞網站中的文章列表的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 渑池县| 汽车| 望谟县| 二连浩特市| 盐亭县| 印江| 泗阳县| 苍溪县| 安乡县| 临朐县| 江源县| 遵义县| 会同县| 黑龙江省| 长阳| 龙泉市| 伊宁市| 文成县| 白朗县| 项城市| 芦溪县| 贡觉县| 定西市| 治县。| 凌云县| 麻江县| 申扎县| 柞水县| 辽源市| 尖扎县| 贵阳市| 四平市| 京山县| 霍林郭勒市| 赣州市| 株洲市| 普定县| 马公市| 尼木县| 石台县| 武安市|