找了好一段时间,找到一个不错的文章列表样式,留起来备用

<!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排行榜</title>

<style type="text/css">

<!--

* { font-family:simsun; margin:0px; padding:0px;}

body { font-size:12px; text-align:center;}

ul, li { list-style:none;}

a{ text-decoration:none; color:#3381BF;}

a:hover{ text-decoration:underline;}

#movie_rank { height:260px;}

.box2 { border:1px solid #ADDFF2; text-align:left; overflow:hidden; color:#9C9C9C; text-align:left;}

.box2 { margin-bottom:7px;}

.box2 h2{ background:#EEF7FE; height:21px; line-height:21px; overflow-y:hidden; border-bottom:1px solid #ADDFF2; color:#1974C8; font-size:12px; padding:0px 8px;}

.box2 h2 a.more{ float:right; text-decoration:underline; background:url() no-repeat % -123px; padding-right:8px; font-weight:normal;}

.box2 h2 span{ margin-left:5px; font-weight:normal; color:#B9B7B8;}

.box2 .inner{ padding:8px; line-height:18px; overflow:hidden; color:#3083C7;}

.box2 a{ color:#3083C7; white-space:nowrap;}

.rank_list{ line-height:14px; margin:auto; padding-top:5px;}

.rank_list li{ height:14px; margin-bottom:8px; width:290px; padding-left:20px; white-space:nowrap; overflow:hidden; position:relative;}

.rank_list li.top3 em{ background:#FFE4B7; border:1px solid #FFBB8B; color:#FF6800;}

.rank_list em{ position:absolute; left:; top:; width:12px; height:12px; border:1px solid #B1E0F4; color:#6298CC; font-style:normal; font-size:10px; font-family:Arial; background:#E6F0FD; text-align:center; line-height:12px; overflow:hidden;}

.rank_list span{ position:absolute; width:60px; color:#B7B7B7; text-align:right; height:14px; background:#fff; left:110px;}

#movie_rank .rank_list span{ position:absolute; width:40px; color:#B7B7B7; text-align:right; height:14px; background:#fff; left:260px;}

-->

</style>

</head>

<body>

<div class="box2" id="movie_rank">

<h2><a href="#" class="more">更多</a>源码排行</h2>

<div class="inner">

<ul class="rank_list">

<li class="top3"><em></em><a href="#">艾恩An-Upload 无组件上传类</a><span></span></li>

<li class="top3"><em></em><a href="#">EasySlide jQuery图片轮显</a><span></span></li>

<li class="top3"><em></em><a href="#">通用Ajax无刷新表彰验证类</a><span></span></li>

<li><em></em><a href="#">支持中文的鼠标取词VB源码</a><span></span></li>

<li><em></em><a href="#">通用Ajax无刷新表彰验证类</a><span></span></li>

<li><em></em><a href="#">EasySlide jQuery图片轮显</a><span></span></li>

<li><em></em><a href="#">支持中文的鼠标取词VB源码</a><span></span></li>

<li><em></em><a href="#">多样式链接提示框组件</a><span></span></li>

<li><em></em><a href="#">类似lightbox的无刷新图片显示插件</a><span></span></li>

<li><em></em><a href="#">通用Ajax无刷新表彰验证类</a><span></span></li>

</ul>

</div>

</div>

</body>

</html>

asp.net 列表样式的更多相关文章

  1. CSS 常用列表样式

    CSS 常用列表样式 CSS没学扎实,复习记录一下.下面是一些常用的属性 list-style-image 指定一个图片作为列表项的标记 默认值none,可设置为图片的url list-style-i ...

  2. CSS3初学篇章_5（背景样式/列表样式/过渡动画）

    背景样式 1.背景颜色语法:background-color : transparent | color body { background-color:#CCCCCC;} 2.渐变色彩语法:back ...

  3. SharePoint 2010 修改默认列表样式

    SharePoint 2010  修改默认列表样式 :可以通过修改 下面两个全局配置进行修改.(未完..更新中...)  C:\Program Files\Common Files\Microsoft ...

  4. 实现Word的列表样式

    1.创建列表,但是不要求在文档视图中显示的层级列表 1)首先是要先把层级建立好,然后选中要编号文字.开始->段落->多级列表,选择一个列表样式,会默认所有的编号文字都是一级: 2)选择&q ...

  5. css中的列表样式

    在网页设计中,我们经常将某些具有相似功能的标签放在同一组中,这时我们经常会用到列表标签(无序列表ul,有序列表ol),在列表标签中对列表样式的设计可以使我们的页面得到一定程度的美化. 在css中对列表 ...

  6. Word自定义多级列表样式

    Word自定义多级列表样式: 1. 2. 3.取个名字 在这里鼠标移上时显示 : 4. 5. 定义完成,即可使用:

  7. CSS背景样式和列表样式

    background-color 设置元素的背景颜色 background-image 把图像设置为背景 background-position 设置背景图像的起始位置 background-atta ...

  8. CSS控制列表样式属性list-style有哪些？怎么用？

    CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云 ...

  9. CSS元素、边框、背景、列表样式

    一.元素样式 1.width控制元素宽度 2.height控制元素宽度 3.padding控制元素内边距 内容与边框之间的距离 4.margin控制元素外边距 元素边框与其他元素边框之间的距离,如果两 ...

随机推荐

  1. （转）AS3-元数据Embed嵌入说明

    转自:http://www.shareme.cn/blog/article.asp?id=498 /*     * 没有设置,Flash会在源属性中根据导入资源文件的扩展名载入合适的类型     *  ...

  2. JavaScript 正则表达式——基本语法（2）

    来源:http://www.cnblogs.com/dolphinX/p/3486214.html 定义 JavaScript种正则表达式有两种定义方式,定义一个匹配类似 <%XXX%>  ...

  3. Android小技术知识（多用于面试）

    Android Dev Doc Android 开发 多使用内部类 使用方便且效率高 UI方面的知识 一.在编写layout的xml文件时,一定要仔细!如果在报错的时候,如何解决? 解决:将xml仔细 ...

  4. Android常用到的一些事件

    1:查看是否有存储卡插入 String status=Environment.getExternalStorageState(); if(status.equals(Enviroment.MEDIA_ ...

  5. 算法笔记_035:寻找最小的k个数（Java）

    目录 1 问题描述 2 解决方案 2.1 全部排序法 2.2 部分排序法 2.3 用堆代替数组法 2.4线性选择算法   1 问题描述 有n个整数,请找出其中最小的k个数,要求时间复杂度尽可能低. 2 ...

  6. Tp框架中模板中if条件如何使用？

  7. SlidingMenu（一）

    我们一般称之为侧边栏,今天下倒腾了一下,留点笔记... 源码来自:https://github.com/jfeinstein10/SlidingMenu 来张图把: 代码API注释看看这个吧 http ...

  8. unity模型任意无限切割插件

    概述 3d模型的任意切割一直是游戏开发里的一个很大的问题,模型切割的关键点就只有生成横切面的新顶点以及切口纹理的缝合,理论上解决了这两点,就近乎可以做到以假乱真的程度了.本篇文章就这两点进行描述 详细 ...

  9. js 多选选择删除数据

    按了顶上的删除(多项删除) 单列复选框删除 js语句 <a href="javascript:delOne('${customer.id}')">删除</a> ...

  10. mosquitto -- 权限配置

    Mosquitto 权限是根据 topic 控制的.类似与目录管理.您可以设定每个用户订阅/发布权限.也可以设定每个用户可访问的topic范围.从而达到权限控制的目的. 这里我们需要我另外一个帖子(用 ...