css怎么实现实心圆点呀?

html-css014

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

1.打这些字符出来直接写到网页标题中,比如:·

2.li自带圆点(如果你没去掉的话)

3.图片做个圆点或其他玩意,定义成背景图

如果你指的是<title></title>这个标题里面的文字,那css控制不了,只能打符号字进去:

<title>●你的标题</title>

<title>·你的标题</title>

大多数拼音输入法先:按v再按1,都能打出这些字符

list-style:none <ul><li>设置列表标记默认会是实心圆点,设成none就是没有标记列表格式有好几种。list-style-type设置列表的格式为none也就是没有格式。操作方法如下:

1、首先新建一个html文件,命名为test.html。

2、在test.html文件内,使用ul、li标签创建一个列表,分别为测试一,测试二,测试三。

3、在test.html文件内,给ul标签添加一个class属性,用于样式的设置。

4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

5、在css标签内,通过class来设置ul的样式,将list-style属性设置为none,便可以实现取消掉li前面的点。

6、最后在浏览器打开test.html文件,查看实现的效果。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

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

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

ol.c {list-style-type:upper-roman}

ol.d {list-style-type:lower-alpha}

</style>

</head>

<body>

<p>无序列表实例:</p>

<ul class="a">

<li>Coffee</li>

<li>Tea</li>

<li>Coca Cola</li>

</ul>

<ul class="b">

<li>Coffee</li>

<li>Tea</li>

<li>Coca Cola</li>

</ul>

<p>有序列表实例:</p>

<ol class="c">

<li>Coffee</li>

<li>Tea</li>

<li>Coca Cola</li>

</ol>

<ol class="d">

<li>Coffee</li>

<li>Tea</li>

<li>Coca Cola</li>

</ol>

</body>

</html>