css怎么实现实心圆点呀？

html-css024

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>