html新闻排版制作代码,在DIV+CSS排版中新闻列表的制作方法_CSS/HTML
CSS代码:.list{
margin: 0px 10px 20px;
text-align: left;
}
.list ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.list li{
background: url(/news/images/line.gif) repeat-x bottom;
/*列表底部的虚线*/
width: 100%;
}
.list li a{
color: #777777;
display: block;
padding: 6px 0px 4px 15px;
background: url(/news/images/dot.gif) no-repeat 0 6px;
/*列表左边的箭头图片*/
}
.list li span{
float: right;/*使span元素浮动到右面*/
text-align: right;/*日期右对齐*/
}
.list li a:hover{
color: #336699;
background: url(/news/images/dot2.gif) repeat-x bottom;
}
注意:span一定要放在前面,反之会产生换行2005年5月30日新闻标题01
2005年5月30日新闻标题02
2005年5月30日新闻标题03
2005年5月30日新闻标题04
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
html新闻排版制作代码,在DIV+CSS排版中新闻列表的制作方法_CSS/HTML相关推荐
- 在DIV+CSS排版中新闻列表的制作方法
最终效果: 2005年5月30日 新闻标题01 2005年5月30日 新闻标题02 2005年5月30日 新闻标题03 2005年5月30日 新闻标题04 CSS代码: .list{ margin: ...
- html中如何写新闻题目,用DIV+CSS实现网页排版中新闻列表的制作
css代码: .list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0p ...
- div+css实现有序新闻文章列表布局
div css布局中常常遇到文章标题列表前有序号(1-10)排版布局,如何简单实现这类新闻文章标题列表排版布局呢?如看到列表布局前有1 2 3 4 5 6 7等数字顺序. 最终效果图: 一.布局思维 ...
- div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧
div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧 在DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定 ...
- div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧(转)
本人对前端处理不是很牛,所以转载这文章.原文地址:http://www.divcss5.com/wenji/w632.shtml DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小 ...
- DIV CSS布局中绝对定位和浮动用法
转自:http://developer.51cto.com/art/201009/223337_1.htm 你对DIV CSS布局中绝对定位和浮动的概念及使用是否熟悉,这里和大家分享一下,CSS中,实 ...
- html5对代码自动排版,HTML5系列:通过JS+DIV+CSS排版布局实现选项卡效果
CSS介绍及布局特点 层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS目前最新版本为CSS3,是能够真正做到网页表现 ...
- html中写css代码,开发DIV CSS时 先写CSS代码还是先写HTML代码
相信良多LOVE用DIV+CSS技术启示重构网页的爱好者友好,在起源学习DIV+CSS的时分都邑想一个标题,想晓得DIV+CSS妙手或有教育者在开发制作html页面的时刻,下场是先写html照样先写c ...
- 通过JS+DIV+CSS排版布局实现选项卡效果
2019独角兽企业重金招聘Python工程师标准>>> CSS介绍及布局特定 层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文 ...
最新文章
- Nginx —— ngx_http_core_module 模块提供的变量
- python写魔兽世界脚本_用python bat写软件安装脚本 + HM NIS Edit自动生成软件安装脚本...
- C语言再学习-- readelf、objdump、nm使用详解
- 学习记录2-Python中的注册器模块
- 【读书笔记】Android的Ashmem机制学习
- win7-64bit 下oracle11g plsql 的正确安装
- 理论基础 —— 排序 —— 计数排序
- 捕获标志位_如何通过捕获标志挑战来提高网络安全技能-PicoCTF演练
- cad页面布局快捷键_炸裂“图纸集”功能、高手都在偷偷用的CAD图纸管理神器
- C# 合并多个不同格式文档为一个PDF
- 名茶事典——【贡(寿)眉】
- java中的控制器_SpringMVC基础(一)_控制器
- 新月,上弦月,满月,下弦月的区别
- NVL()、NVL2() 函数的用法
- elasticsearch(es)在用户画像业务上的应用【elasticsearch(es)性能调优】
- [读书笔记]第九章 当一只小猫扑向大狗 不论大狗多有理 人们总为小猫叫屈
- 基于云平台的物联网架构和原理
- 十进制转二进制/八进制/十六进制
- *grep -F/f的作用*
- PTA测试 彩虹瓶问题