相关文章
个人网站面临生死劫 细分化是惟一出路
学习网站建设中一些容易被忽视的问题
搜索引擎不收录网站页面16种原因
北京网站制作ASP生成静态Html文件技术杂谈
网站建设HTML之清单标记
网站建设Dreamweaver8实用技巧
北京网站制作Flash视频教程：1.19 手形工具
网站建设Dreamweaver基础视频教程20 使用层
企通互联在网页中插入视频播放代码全集
网站制作怎么改善现有网站为xhtml+CSS结构——我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 网站设计网页设计纯CSS制作的新闻网站中的文章列表
网站设计网页设计纯CSS制作的新闻网站中的文章列表
作者： 北京网站建设 日期：2008-03-27 06:03:35 来源： http://www.qitongnet.com
企通互联资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计,北京网页设计领域,千余网站建设案例，公司拥有国内一流的网站建设、网站制作、网页设计团队，如果您已经有网站的,看看我们精美的网站建设案例也无妨 北京网页设计.北京网站建设网址： 网站建设http://www.qitongnet.com
=======================================================================================
应用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; 北京网站建设 } www.qitongnet.com .list li{ 北京网站设计 width: 100%; 网站设计 } 企通互联 .list li a{ 北京网站设计 color: #777777; 北京网页设计 display: block; 北京网站设计 padding: 6px 0px 4px 15px; 北京网站设计 } www.qitongnet.com .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> 网页设计 注意 www.qitongnet.com:span一定要放在前面,反之会产生换行 北京网站制作 </body> 北京网站设计北京网页设计 </html> |
北京网站建设