虫虫首页|资源下载|资源专辑|精品软件
登录|注册

您现在的位置是:虫虫下载站 > 资源下载 > 源码 > css美化有序列表

css美化有序列表

  • 资源大小:2 K
  • 上传时间: 2018-08-21
  • 上传用户:53660542
  • 资源积分:2 下载积分
  • 标      签: css 美化 序列

资 源 简 介

css美化有序列表,贴出部分css代码


        <ol >
            <li>先涂粉底再涂防晒</li>
            <li>先涂防晒再涂粉底</li>
        </ol>

<!doctype html>
<html>
<head>
<title>CSS3 ordered list styles - demo</title>
<style>
body{
margin: 40px auto;
width: 500px;
}

/* -------------------------------------- */

ol{
counter-reset: li;
list-style: none;
*list-style: decimal;
font: 15px 'trebuchet MS', 'lucida sans';
padding: 0;
margin-bottom: 4em;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol{
margin: 0 0 0 2em;
}

/* -------------------------------------- */

相 关 资 源