标题 更多
- 博客分类:
- html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--<style>
*{margin:0;padding:0;border:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#666666;}
body,div,table,p,ul,li,span,b{margin:0;padding:0;}
span{ display:block;}
b{font-weight:normal;}
ul,li,ol{list-style:none;}
img{border:none;}
li{list-style:none;float:left;}
li a{text-decoration:none;}
a{text-decoration:none;}a:hover{text-decoration:underline}
.clear{clear:both;width:0px;margin:0px;height:0px;font:0px;line-height:0px;padding:0px;}
.float_left{ float:left;}.float_right{ float:right;}.float_bottom{ margin-bottom:8px;}
.news {
WIDTH: 316px; HEIGHT:162px; background:#093
}
h2 {
background:#C0DF88;
height:31px;
width:300px;
line-height:31px;
overflow-y:hidden;
padding:0px 8px;
color:#8ba34f;
font-size:12px;
}/*标题背景颜色 */
h2 a.more {
float:right;
text-decoration:underline;
font-weight:normal;
}
h2 span {
margin-left:5px;
font-weight:normal;
color:#8ba34f;
}
.news li{ float:left;width:298px;position:relative; margin-right:20px;line-height:23px;background:url(../images/new_bg.jpg) no-repeat 8px center; padding-left:20px; }
.news li span{position:absolute;right:4px;top:0;}
</style>-->
<style>
*{margin:0;padding:0;border:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#666666;}
body,div,table,p,ul,li,span,b{margin:0;padding:0;}
span{ display:block;}
b{font-weight:normal;}
ul,li,ol{list-style:none;}
img{border:none;}
li{list-style:none;float:left;}
li a{text-decoration:none;}
a{text-decoration:none;}a:hover{text-decoration:underline}
.clear{clear:both;width:0px;margin:0px;height:0px;font:0px;line-height:0px;padding:0px;}
.float_left{ float:left;}.float_right{ float:right;}.float_bottom{ margin-bottom:8px;}
.news {
WIDTH: 316px; HEIGHT:162px; background:#093
}
h2 {
background:#C0DF88;
height:31px;
width:300px;
line-height:31px;
overflow-y:hidden;
padding:0px 8px;
color:#8ba34f;
font-size:12px;
}/*标题背景颜色 */
h2 a.more {
float:right;
text-decoration:underline;
font-weight:normal;
}
h2 span {
margin-left:5px;
font-weight:normal;
color:#8ba34f;
}
.news ul li{width:270px;
color:#464646;
border-bottom: dashed 1px #b4b4b4;
height:25px;
line-height:25px;
background-image: url(../images/rmdj_14.png);
background-repeat: no-repeat;
padding-left:30px;
background-position: 14px 12px;}
.news ul li a{
color:#464646;
text-decoration: none; display:block;
float:left;
}
.news ul li a:hover{text-decoration:underline;}
.news ul li span{
float:right;
}
</style>
</head>
<body>
<DIV class=news>
<h2><a href="#" class="more">更多</a>文章排行</h2>
<ul>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
</ul>
</div>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--<style>
*{margin:0;padding:0;border:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#666666;}
body,div,table,p,ul,li,span,b{margin:0;padding:0;}
span{ display:block;}
b{font-weight:normal;}
ul,li,ol{list-style:none;}
img{border:none;}
li{list-style:none;float:left;}
li a{text-decoration:none;}
a{text-decoration:none;}a:hover{text-decoration:underline}
.clear{clear:both;width:0px;margin:0px;height:0px;font:0px;line-height:0px;padding:0px;}
.float_left{ float:left;}.float_right{ float:right;}.float_bottom{ margin-bottom:8px;}
.news {
WIDTH: 316px; HEIGHT:162px; background:#093
}
h2 {
background:#C0DF88;
height:31px;
width:300px;
line-height:31px;
overflow-y:hidden;
padding:0px 8px;
color:#8ba34f;
font-size:12px;
}/*标题背景颜色 */
h2 a.more {
float:right;
text-decoration:underline;
font-weight:normal;
}
h2 span {
margin-left:5px;
font-weight:normal;
color:#8ba34f;
}
.news li{ float:left;width:298px;position:relative; margin-right:20px;line-height:23px;background:url(../images/new_bg.jpg) no-repeat 8px center; padding-left:20px; }
.news li span{position:absolute;right:4px;top:0;}
</style>-->
<style>
*{margin:0;padding:0;border:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#666666;}
body,div,table,p,ul,li,span,b{margin:0;padding:0;}
span{ display:block;}
b{font-weight:normal;}
ul,li,ol{list-style:none;}
img{border:none;}
li{list-style:none;float:left;}
li a{text-decoration:none;}
a{text-decoration:none;}a:hover{text-decoration:underline}
.clear{clear:both;width:0px;margin:0px;height:0px;font:0px;line-height:0px;padding:0px;}
.float_left{ float:left;}.float_right{ float:right;}.float_bottom{ margin-bottom:8px;}
.news {
WIDTH: 316px; HEIGHT:162px; background:#093
}
h2 {
background:#C0DF88;
height:31px;
width:300px;
line-height:31px;
overflow-y:hidden;
padding:0px 8px;
color:#8ba34f;
font-size:12px;
}/*标题背景颜色 */
h2 a.more {
float:right;
text-decoration:underline;
font-weight:normal;
}
h2 span {
margin-left:5px;
font-weight:normal;
color:#8ba34f;
}
.news ul li{width:270px;
color:#464646;
border-bottom: dashed 1px #b4b4b4;
height:25px;
line-height:25px;
background-image: url(../images/rmdj_14.png);
background-repeat: no-repeat;
padding-left:30px;
background-position: 14px 12px;}
.news ul li a{
color:#464646;
text-decoration: none; display:block;
float:left;
}
.news ul li a:hover{text-decoration:underline;}
.news ul li span{
float:right;
}
</style>
</head>
<body>
<DIV class=news>
<h2><a href="#" class="more">更多</a>文章排行</h2>
<ul>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
<li><a href="#">文字内字内字内字内字内容</a><span>2012-03-09</span></li>
</ul>
</div>
</body>
</html>
发表评论
-
colgroup-table
2016-05-25 09:35 315<table width="100%" ... -
字母换行
2016-04-19 10:57 390word-break: break-all -
form上的提交
2014-10-21 10:09 291onsubmit 是表单提交时触发 onclick是按钮点击时 ... -
输入关键 鼠标点击自动删除
2014-10-21 10:09 606<input name="" typ ... -
设置ie6下png图片及背景透明的方法 2011-12-1 15:07阅读(1)
2014-10-21 10:10 323设置ie6下png图片及背景透明的方法: (1)微软滤镜法:f ... -
两端对齐
2014-11-20 15:22 456text-align:justify;text-justify ... -
div里的span火狐下不兼容
2014-11-20 15:22 375display:-moz-inline-box;display ... -
一个层垂直居中于浏览器中
2014-11-20 15:22 342<!DOCTYPE html PUBLIC " ... -
导航导航导航导航
2014-11-20 15:23 391<!DOCTYPE html PUBLIC " ... -
路径(链接)
2014-11-20 15:23 319<DIV > ... -
line-height ie6失效
2014-11-25 13:44 349.gwc-border ul .gwc_66{width:11 ... -
控制框架页面或<iframe>内嵌页面在指定页面(区域)打开页面
2014-12-01 13:41 822iframe src="http://zhidao. ... -
固定背景不随滚动条滚动
2014-12-01 13:44 394<BODY style="BACKGROUND ... -
图片垂直居中
2014-09-26 14:45 0<head> <title>fdf&l ... -
rows就是行 ie6下li里图片失效解决
2014-09-26 14:45 0rows就是行,cols就是列 .box img { vert ... -
iframe不能全部显示
2014-12-01 13:42 460解决方法:DOCTYPE头部声明去掉就可以了 关键应该在wi ... -
div 换行
2014-12-01 13:42 389<div style="width:100px ... -
fieldset
2014-09-26 14:41 0<style> div{font-size:14p ... -
表格宽度内容自适应
2014-09-26 14:40 0white-space:nowrap; padding:0px ... -
ie6 position: fixed
2014-09-26 14:39 0<!--[if IE 6]> <styl ...
相关推荐
一个对窗口界面的标题栏添加按钮的类及其演示代码,比如实现toolwindow的按钮添加,测试在vc6.0及vs2008版本下通过。
当用户向上滑动手指,标题栏隐藏,从而为用户展示更多的数据,当用户向下滑动手指时显示标题栏
利用JS实现的,仿博客或留言板里面点击更多按钮展开详细信息,点击折起隐藏详细信息只显示标题
change-case, 在 camelCase,PascalCase,标题大小写,snake_case和更多之间转换字符串 更改案例 在 camelCase,PascalCase,Title Case,snake_case,lowercase,UPPERCASE,CONSTANT_CASE 和更多之间转换字符串。...
这是一款个性创意的css3鼠标悬停文字标题切换对应内容代码,交互切换效果非常棒,还有动画特效,可用于问答展示。
此示例将演示如何使多个标题显示数据表格。 默认显示数据表格只是让我们做一个单一的标题, 相比之下,有时它会更好的让一个活着多个标题的GridView显示子条目或别的东西。
更多的 更多+ 01 2021-03-25 简单习惯 React RCC组件创建和简单的计数更改功能创建 * 02 2021-03-25 碾压混凝土 使用props和React.createRef()练习数据绑定 :loudly_crying_face: 需要更多练习 * * 碾压...
flex中为titlewindow添加更多按钮,使其显示在标题栏右方
tableView点击标题,显示更多,头部有搜索栏
2:无任何资源文件,纯QSS实现精美标题栏及自定义按钮样式,可以稍作修改增加更多的样式,QSS真是太强大了! 3:使用fontawesome-webfont.ttf字体文件实现最小化最大化关闭等按钮文字,图形文字,很好很强大! 4:...
带吸附效果顶部导航(支持左右滑,下拉刷新,上拉加载更多,返回顶部,加载动画)
标题右侧“更多”的实现 曾经做上图所示的效果,会使用到position来相对定位到h2标签的右侧.这样的做法,代码确实会多好几行. 其实可以用个笨一点的办法来实现的: 譬如html代码如下: < h2>< a ref=#>标题< /a> ...
标题生成任务中,现有方法多以语句或短语为基本处理单元,利用单语句压缩技术或语句合成技术来生成最终的标题。这些方法或因语句过于稀疏而缺失篇章主要信息,或因短语合成缺乏语法规则约束而导致标题可读性差。提出...
:person_running: BGARefreshLayout-Android :person_running:开发者使用BGARefreshLayout-Android可以对各种控件实现多种拖放刷新效果,上拉加载更多以及配置自定义标题广告位常见问题-加载更多视图无法显示1....
VC++ 显示、隐藏窗口标题栏! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
不再介绍没有更多的柯南标题介绍
近年来,伴随着计算机科学技术和信息科学技术的快速发展,互联网发展进入了大数 ...生成技术展现出来,让更多人了解使用到这个技术。同时,这个网站可以帮助收集人工资 料,为完善这项技术提供更多的参考。
ListView向上滑动固定标题,向下滑动标题随ListView下来,根据滑动缩放标题大小效果。更多说明和效果请看我的博客:http://blog.csdn.net/u011200844/article/details/44673295
在移动端,在滑动页面的时候,更需要多个标题的吸顶(例如地区的选择,需要将省份吸顶)。 单个标题吸顶和多个标题吸顶的区别在于:多个标题吸顶需要确定一个高度范围,在这个范围中只能有一个标题吸顶,其他都是...