css怎么实现实心圆点呀?

html-css010

css怎么实现实心圆点呀?,第1张

<li>的默认样式就带有实心点,或定义个样式;list-style-type : disc

例子:

<html>

<head>

<style type="text/css">

ul.disc {list-style-type: disc}

ul.circle {list-style-type: circle}

ul.square {list-style-type: square}

ul.none {list-style-type: none}

</style>

</head>

<body>

<ul class="disc">

<li>咖啡</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="circle">

<li>咖啡</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="square">

<li>咖啡</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

<ul class="none">

<li>咖啡</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

</body>

</html>

在ul标签下li的默认样式为一个实心圆(disc)   可忽略不写li样式的改变是用 list-style:属性值 来改变的我们给li设置css,去除默认样式(实心圆)将li的样式设置为空心圆将li的样式设置为实心正方形其他:  decimal   :   CSS1 阿拉伯数字   lower-roman   :   CSS1 小写罗马数字     upper-roman   :   CSS1 大写罗马数字     lower-alpha   :   CSS1 小写英文字母     upper-alpha   :   CSS1 大写英文字母     armenian   :   CSS2 传统的亚美尼亚数字     cjk-ideographic   :   CSS2 浅白的表意数字     georgian   :   CSS2 传统的乔治数字     lower-greek   :   CSS2 基本的希腊小写字母    hebrew   :   CSS2 传统的希伯莱数字     hiragana   :   CSS2 日文平假名字符     hiragana-iroha   :   CSS2 日文平假名序号     katakana   :   CSS2 日文片假名字符     katakana-iroha   :   CSS2 日文片假名序号     lower-latin   :   CSS2 小写拉丁字母   upper-latin   :  CSS2 大写拉丁字母 

float,css的一种属性,主要属性值为:left(左浮动)、none(不浮动)、right(右浮动)、inherit(继承父元素浮动),多用于网页排版。

float属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

扩展资料

CSS属性

1、整数和实数

在CSS中只能使用浮点小数,而不能像其他编程语言那样使用科学记数法表示实数,即1.2E3在CSS中将是不合法的。下面是几个正确的例子,整数:128、-313,实数:12.20、1415、-12.03。

2、长度量

相对长度单位有:em——当前字体的高度,也就是font.size属性的值;ex——当前字体中小写字母x的高度;Dx——一个像素的长度,其实际的长度由显示器的设置决定,比如在800木600的设置下,一个像素的长度就等于屏幕的宽度除以800。

3、百分数量(percentages)

百分数量就是数字加上百分号。显然,百分数量总是相对的,所以和相对长度量一样,百分数量不被子级元素继承。

参考资料来源:百度百科-CSS

参考资料来源:百度百科-FLOAT