Css基本样式————列表

一、CSS列表属性允许放置、改变列表标志，或者将图像作为列表项标志

二、属性

list-style 简写列表项

list-style-image 列表项图像

ul li{
    list-style-image: url("1.jpg");
}

list-style-position 列表标志位置

ul.ul1{
    list-style-position: inside;
}
ul.ul2{
    list-style-position: outside;
}

list-style-type 列表类型

ul li{
    list-style-type:circle;
}
ul li{
    list-style-type:decimal;
}

时间： 2024-11-03 22:32:32

Css基本样式————列表的相关文章

css select 样式列表-----另一种样式列表

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <TITLE>Select Demo</TIT

CSS ul（列表样式）

CSS Ul(列表样式) CSS列表属性作用如下: 设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像一.列表在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点.小方框等) 有序列表 - 列表项的标记有数字或字母使用CSS,可以列出进一步的样式,并可用图像作列表项标记. 二.不同的列表项标记 list-style-type属性指定列表项标记的类型是: ul.a {list-style-type: circle;} /*无序,空心

CSS如何设置列表样式属性，看这篇文章就够用了

原文:CSS如何设置列表样式属性,看这篇文章就够用了列表样式属性# 在HTML中有2种列表.无序列表和有序列表,在工作中无序列表比较常用,无序列表就是ul标签和li标签组合成的称之为无序列表,那什么是有序列表呢?就是ol标签和li标签组合成的称之为有序列表,列表的基础知识就简单说明下,本章内容主要说明的是如何给列表设置样式,若有不懂列表是什么的园友笔者建议去W3school官网进行学习. 列表样式常用的属性有4种如:list-style-type.list-style-position.lis

用 CSS 控制li列表的长度，让li里面的内容不换行显示，而且让多余li长度的内容用...表示

用 CSS 控制li列表的长度,让li里面的内容不换行显示,而且让多余li长度的内容用...表示,其实实现的方法很简单.我们只需要在对li的css样式进行控制就可以了,具体如下: 1 white-space:nowrap; /*不让文字内容换行*/ 2 overflow:hidden;/*文字溢出的部分隐藏起来*/ 3 text-overflow:ellipsis; /*用...替代溢出的部分*/

CSS基本样式

CSS基本样式内联样式:直接在页面文件中使用HTML标记的style属性.例如: <p style="font-family:宋体;color: red;font-size: 10pt;">程序员</p> 在页面文件中定义样式:这种方式是通过<style>标记来定义样式,语法格式如下: <style type="text/css"> h1 {font-family: "微软雅黑";font-siz

[CSS3]学习笔记-CSS基本样式讲解

1.CSS样式-背景 CSS运行应用纯色作背景,也允许使用背景图像创建相当复杂的效果 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <link rel="stylesheet" type="text/css" hre

CSS自学笔记（5）:CSS的样式

CSS中拥有各种各样的样式表,而基本的样式有背景,文本,字体,链接,列表,表格,轮廓. 一.CSS-背景 CSS中允许用纯色背景,也允许用图片来创建复杂的个性背景. p {background-color: #000;} 是用纯色作为背景.这时你可以定义其他属性,生成不同效果的背景. CSS中也可以用图片作为背景,这是就需要使用background-image属性了,如果属性值为一个URL值,并且图片文件存在,那么就可以看到用该图片做为背景的网页了 body {background-image:

精简的网站reset和css通用样式库

一.CSS reset body{ line-height:1.4; color:#333; font-family:arial; font-size: 12px; } input,textarea,select{ font-size:100%; font-family:inherit; } body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{ margin:0; } h4,h5,h6{ font-size:1em; } ul,ol{ padding-left:0; list