国产精品亚洲一区,亚洲精品日韩精品,亚洲国产国产亚洲一二三

利用CSS制作的網站中新聞文章列表效果

天極網 2007/12/23 20:05:58 深山行者字體:大中小瀏覽 9445

應用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　a標簽與如何利用css中text-indent實現文章縮進

后一頁:div+css中文字居于底部的解決方法與代碼

相關閱讀: 北京陽光無限經貿有限公司; uni-app開發的微信小程序在線支付; 愛度旅行網; 景點門票預訂; css　a標簽與如何利用css中text-indent實現文章縮進; IIS上傳文件大小解處限制的方法; 網頁設計的十要十不要; 在未知圖片的寬度與高度時利用div+css將圖片居中

共有0條關于《利用CSS制作的網站中新聞文章列表效果》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery設置或獲取修改classname; 利用css3.0寫出一個音樂播放的唱片碟盤的效果; 利用css中的scale()實現放大縮小效果; 利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標簽中; 利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: asp中qequest讀取優先級順序（通過優化之后提高速度）; 自由鳥旅行社; divcss范例下載; sql語句中怎么按照in語句里的id原有的順序進行排序輸出,可以做成瀏覽記錄、查看、觀看記錄; ASP鏈接地址欄參數的加密; 倒計時廣告/始終保持在網頁中部

更多標簽熱門標簽

留言板臺歷 CSS濾鏡項目倒計時 li 字母 iis 安裝 SEO visite position 組件對聯排版 Application 關聯轉換搜索引擎 onload height 首字母應用彈出正則 imprt exe 網頁框移工作室 alert 手郵箱限制 jpg 個人 box rad 展示格式凹陷表格 rnd 連云港旅游 txt Javascript實現CSS代碼高亮顯示1 文字垂直讀取陰影效果我想你字節數

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

利用CSS制作的網站中新聞文章列表效果