圆点css样式,html圆点选择

css实现小圆点

!DOCTYPE html

html

head

meta charset="utf-8" /

title/title

style type="text/css"

.redcircle {undefined

position: absolute;

margin: 52px 45px;

width: 12px;

height: 12px;

background: #FF0000;

border-radius: 50%;

border: 1px solid #FF6347;

}

.greencircle {undefined

position: absolute;

margin: 52px 45px;

width: 12px;

height: 12px;

background: #228B22;

border-radius: 50%;

border: 1px solid #3CB371;

}

/html

相关问答

Q1: css怎么实现实心圆点呀？

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

[img]

Q2: 在css中设置ul样式，怎样修改li的前面默认圆点的颜色？

li{list-style:none}把默认的给去掉，然后把着了色的圆点切成一张背景图片使用。

1.li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决，.将圆点去掉，li{ list-style:none}，然后用color:#ff0000;设置字体的颜色，li./li这里的点就是红色的了。

2.你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：li style="color:#ff0000; font-size。

3.12px;"span style="color:#00ff00; font-size:20px;"./spanlist1/li这样点就是绿色的，字就是红色的了。

4.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：li style="color:#ff0000; font-size:12pximg src="图片地址"list1/li。

Q3: 请问一下网页中的圆点虚线用CSS怎么做？

border线型主要有：

1、dotted【点状】

2、solid【实线】

3、double【双实线】

4、dashed;【虚线】

实例一：如果一个CSS这样写：border-style:dotted solid double dashed; 出来的框就是：上边框是点状，右边框是实线，下边框是双线，左边框是虚线

实例二：如果一个CSS这样写：border-bottom:1px dashed #000000;出来的框就是：一条宽度为1像素的黑色下划虚线。

以此类推。多试试就知道什么效果了哦。