网站建设资讯

NEWS

网站建设资讯

圆点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

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]

在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。

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

border线型主要有:

1、dotted【点状】

2、solid【实线】

3、double【双实线】

4、dashed;【虚线】

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

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

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


网站栏目:圆点css样式,html圆点选择
当前链接:http://cdweb.net/article/dsopded.html