html ol序号样式,给Ol的序号设置样式，怎么做？

HTML>

 p标签

*{padding:0px;margin:0px;}

img{width:80px;}

body{font-size:14px;}

.color-b{color:blue;}

.top{border:1px solid gray;}

.top-title{text-indent:1em;background-color:yellow;}

.top-content{background-color:rgb(181, 177, 61); padding: 5px 0px;}

.top-content .top-item{ border-bottom:1px gray dashed;line-height:1.5em; margin: 3px 30px;clear:both;}

.top-content .active{background-color:white; padding:10px 0px;height:6em;}

.top-content .top-item div{float:left;}

.top-content .top-item dl{margin-left:5px;float:left;}

.top-content .top-item dl dd{margin-top:10px;}

.top-content .top-item dl dd p{overflow:hidden;width:150px;white-space:nowrap;text-overflow:ellipsis;}

新书热卖

1.                     

   不省心(冯小刚)

   作者：冯小刚

   出版社：长江文艺出版社

   出版时间：2013年09月

2. 我承认我不曾历经沧桑
3. 不为遇见，只为远方
4. 站在两个世界的边缘

1. 我的第一个列表信息。

// 这个是张大大的关于ol的博客，搜藏一下

// http://www.zhangxinxu.com/wordpress/2009/12/html-css列表元素uloldl的研究与应用/

这是代码，实在整不动了，

这是要达到的效果；通过ol的有序，然后给ol的序号设置样式，上面ol中li序号放到里面是：list-style-position: inside，不过这样第一行就乱套了；求解答