0514-86177077

9:00-17:00（工作日）

主頁 > 知識庫 > 純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制作的新聞網站中的文章列表的相關信息資訊供網民參考！
    • 推薦文章

    上一篇：讓IE6支持min-width最小寬度

    下一篇：什么是HTML相關介紹

    Copyright ? 1999-2012 誠信 合法 規范的巨人網絡通訊始建于2005年

    蘇ICP備15040257號-8

    產品關鍵詞： 純CSS制作的新聞網站中的文章列表 純,CSS,制作,的,新聞,網站,
    2020久久精品亚洲|久久窝窝国产精品午夜看片|亚洲 日韩 激情 无码 中出|国产精品乱码高清在线