`

CSS实现行编号效果[--图--]

CSSHTML 
阅读更多

 

 

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <title>带有行编号且编号与内容间带有分割符的CSS实现</title>
  5. <style type="text/css">
  6. <!--
  7. ol{MARGIN: 0px 0px 1px 45px;LIST-STYLE-TYPE: decimal;}
  8. li {BORDER-LEFT: #6ce26c 3px solid;BACKGROUND-COLOR: #f8f8f8;LIST-STYLE-POSITION:outside;}
  9. li.alt {BACKGROUND-COLOR: #ffffff}
  10. .STYLE1 {font-size: 12px}
  11. -->
  12. </style>
  13. </head>
  14. <body>
  15. <ol class="STYLE1">
  16.     <li>ddddd</li>
  17.     <li class="alt">ddddd</li>
  18.     <li>ddddd</li>
  19.     <li class="alt">ddddd</li>
  20.     <li>ddddd</li>
  21.     <li class="alt">ddddd</li>
  22.     <li>ddddd</li>
  23.     <li class="alt">ddddd</li>
  24.     <li>ddddd</li>
  25.     <li class="alt">ddddd</li>
  26. </ol>
  27. </body>
  28. </html>

 

  • 大小: 12.4 KB
分享到：
| 定义页面滚动条样式[--图--]
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    css图片编号排序.zip

    而"css图片编号排序.zip"这个压缩包显然包含了一个利用CSS实现的图片排序特效，主要用于图片展示时的自动化编号。这个特效可能对网页设计师和前端开发者特别有用，特别是那些需要创建图片相册或图库的场景。 首先，...

    css图片编号排序.rar_css图片编号排序

    "css图片编号排序"这个主题就涉及到了如何使用CSS实现图片的自动编号和排序功能。 首先，我们要明白CSS本身并不具备直接对图片进行编号或排序的能力，它主要是用来定义HTML或XML等文档格式中的元素样式。但通过结合...

    css实现竖向步骤条.zip

    在本主题中，我们将深入探讨如何使用CSS（Cascading Style Sheets）来创建一个竖向步骤条，这是一种非传统的布局方式，能为界面增添独特的视觉效果。 一、基本结构 首先，我们需要创建HTML的基本结构，这通常包括...

    164个div+css精美网页模板11-20

    通过CSS，我们可以实现内容与表现的分离，使代码更易于管理和维护。 这个压缩包中包含了从11到20编号的10个模板，每个模板都有其独特的设计风格和用途，可能涵盖了博客、电子商务、企业展示、个人简历等多种类型。...

    纯CSS3实现的图片切换幻灯片代码.zip

    本资源“纯CSS3实现的图片切换幻灯片代码.zip”提供了一个无需JavaScript或jQuery的纯CSS3实现的图片切换幻灯片效果。这种技术在网页设计中非常常见，因为它可以为用户提供一种动态、吸引人的方式来展示多张图片，如...

    css+js图片切换效果

    ### CSS+JS 实现图片切换效果详解 #### 一、技术背景与应用场景 在现代网页设计中，图片轮播或幻灯片展示是一种常见的视觉效果，它可以用来展示产品、服务或者吸引用户注意力的重要内容。利用CSS（层叠样式表）与...

    CSS3灯光闪烁-霓虹灯特效.zip

    在CSS3中，灯光闪烁和霓虹灯特效是通过一系列技术实现的，这些技术让网页元素呈现出类似霓虹灯的动态效果，为网页增添视觉吸引力。霓虹灯特效通常包括颜色变化、亮度波动以及线条边缘的光晕效果。在本案例中，"3059...

    CSS3 jQuery 缩略图悬浮提示效果.rar

    具体这个数字代表什么，没有足够的信息来判断，但它可能是CSS样式文件、JavaScript脚本文件、图片资源或者其他与实现此效果相关的文件。 总的来说，这个项目涉及了现代Web开发中的两个关键技术——CSS3和jQuery，...

    CSS3制作Word文本编辑器.zip

    开发者通过巧妙地运用CSS3的特性，实现了丰富的视觉效果和用户交互，而JavaScript则确保了编辑器的动态性和功能性。这不仅是对Web开发技能的展示，也为学习者提供了一个实践和学习前端技术的好案例。

    CSS列表样式设计

    总结，CSS列表样式设计涵盖了许多方面，从基础的符号类型更改到高级的动画效果和响应式设计。熟练掌握这些技巧，可以使您的网页列表更加丰富多彩，提升用户体验。通过不断的实践和创新，您还可以探索出更多个性化的...

    js css3实现手机端滚屏效果.zip

    在移动设备上，为了提供更好的用户体验，网页设计者经常使用CSS3和JavaScript来实现各种动态效果，其中之一就是手机端滚屏效果。这种效果通常应用于全屏滚动网站，使得用户可以通过滑动屏幕来逐页浏览内容，营造出...

    css-dictionary(CSS常用英语词汇详解)

    CSS中的`filter`属性可以应用于图片或背景，以添加多种视觉效果。 - **Font**: 字体。CSS中的`font`属性用于设置文本的字体系列、大小、粗细等。 - **First**: 第一个。用于描述序列中的首个元素或项目。 - **For**:...

    jquery-ui-1.8.2.custom.min.js,jquery-ui-1.8.4.custom.css

    通常，开发者会根据JavaScript组件来选择相应的CSS规则，以确保UI的正确显示和交互效果。 jQuery UI的核心价值在于它的易用性和灵活性。通过简单的API调用，开发者可以轻松地实现复杂的用户界面功能，而无需从头...

    css制作翻页效果.rar

    这种效果可以通过纯CSS实现，也可以结合JavaScript来增加更多的动态交互性。 在纯CSS实现的翻页效果中，主要依赖于`transform`属性，尤其是`rotate`和`perspective`。`rotate`用于旋转元素，而`perspective`则可以...

    css-doodle.js螺旋状动画特效.zip

    在"css-doodle.js螺旋状动画特效"中，开发者可能使用了CSS3的transform属性来实现旋转效果。transform属性允许元素进行旋转（rotate）、缩放（scale）、平移（translate）等多种变换。在这里，可能结合了rotate函数...

    jQuery实现图片轮播

    ### jQuery实现图片轮播的关键知识点 #### 1. 项目介绍与技术栈 - **图片轮播功能：** 图片轮播是一种常见且实用的前端交互功能，主要用于在有限的空间内展示多张图片。通过自动或手动切换，用户能够浏览不同的...

    js树代码 css样式实现

    通过上述JS和CSS的结合使用，我们可以实现一个动态且具有较好视觉效果的树形菜单。这种结构不仅能够提升用户体验，还能帮助开发者更灵活地管理复杂的网站导航结构。需要注意的是，实际应用中可能还需要根据具体需求...

    纯CSS3幽灵上下浮动动画特效.zip

    【标题】"纯CSS3幽灵上下浮动动画特效"是一个基于CSS3技术实现的网页动态效果，它将一个卡通幽灵形象设计成在蓝色背景上上下浮动，为网站增添趣味性和互动性。这个特效主要利用了CSS3的动画属性来创建动态行为，使...

    CSS3 实现的婴儿宝宝与玩具梦动画效果源码.zip

    "CSS3 实现的婴儿宝宝与玩具梦动画效果源码"这个标题表明，这是一个使用CSS3技术创建的动画效果示例，主要围绕一个婴儿和玩具的主题。CSS3是层叠样式表（Cascading Style Sheets）的第三个版本，提供了更丰富的样式...

    HTML_CSS学习笔记.docx

    CSS（Cascading Style Sheets）则负责控制网页的呈现样式，包括颜色、字体、布局等视觉效果。 1. HTML 介绍： - HTML 与 CSS 的关系：HTML 提供了网页的基础结构，而 CSS 负责美化这些结构。通过将内容和表现分离...

Magicbox
Global site tag (gtag.js) - Google Analytics