重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
!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
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]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。
border线型主要有:
1、dotted【点状】
2、solid【实线】
3、double【双实线】
4、dashed;【虚线】
实例一:如果一个CSS这样写:border-style:dotted solid double dashed; 出来的框就是:上边框是点状,右边框是实线,下边框是双线,左边框是虚线
实例二:如果一个CSS这样写:border-bottom:1px dashed #000000;出来的框就是:一条宽度为1像素的黑色下划虚线。
以此类推。多试试就知道什么效果了哦。