濮阳杆衣贸易有限公司

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

純CSS制作的新聞網站中的文章列表
熱門標簽：隨州外呼系統(tǒng)廠家 ai電話機器人效果差 快速更改地圖標注點標 沈陽400電話辦理多少錢 南昌電話機器人系統(tǒng) 地圖標注樓盤 地圖標注微信好友 南山電話機器人 蘇州做電話機器人
應用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,制作,的,新聞,網站,；如發(fā)現本文內容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《純CSS制作的新聞網站中的文章列表》相關的同類信息！
  • 本頁收集關于純CSS制作的新聞網站中的文章列表的相關信息資訊供網民參考！
    • 推薦文章
    庆阳市| 定兴县| 青岛市| 余干县| 贵港市| 南川市| 烟台市| 江门市| 阳江市| 马尔康县| 凤阳县| 城固县| 漯河市| 淳化县| 元氏县| 长岭县| 柳州市| 平凉市| 临江市| 遂昌县| 邵东县| 三原县| 兴海县| 景宁| 柞水县| 丹寨县| 富平县| 海晏县| 汉阴县| 广汉市| 丹江口市| 随州市| 兴安盟| 平定县| 伊宁县| 红河县| 枞阳县| 合山市| 郁南县| 察雅县| 铁岭县|