Css 文字阴影或与a类似的效果<；ul>；子弹？
正如标题所说，我试图找到一种为项目符号添加文本阴影效果的方法。我正在使用文本阴影来显示一些文本后面的光晕，我想在不创建自己的项目符号图像的情况下为项目符号实现同样的效果。试试这个Css 文字阴影或与a类似的效果<；ul>；子弹？,css,glow,Css,Glow,正如标题所说，我试图找到一种为项目符号添加文本阴影效果的方法。我正在使用文本阴影来显示一些文本后面的光晕，我想在不创建自己的项目符号图像的情况下为项目符号实现同样的效果。试试这个 ul { list-style: none; } li:before { content: '\2022'; padding: 10px; text-shadow: 1px 1px 2px red; } UPD：您确实可以对特殊符号使用unicode charachtest这是一个相当棘手的问题，
ul {
list-style: none;
}
li:before {
content: '\2022';
padding: 10px;
text-shadow: 1px 1px 2px red;
}
UPD：您确实可以对特殊符号使用unicode charachtest这是一个相当棘手的问题，但有一篇好文章可以帮助您插入一个项目符号和一个项目符号（
•这里有一个例子——使用一些额外的样式使插入的项目符号工作。另一个选择是使用纯CSS项目符号。大概是这样的：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Bullets</title>
<style type="text/css" media="screen">
html, body {
font-size: 16px;
}
article ul li {
position:relative;
overflow:hidden;
list-style:none;
padding-left:20px;
line-height: 1.35em;
margin: 0 0 .5em 0;
}
article li:before {
margin:-8px 0 0;
background:#ededed;
overflow:hidden;
list-style:none;
content:"";
position:absolute;
top:0.95em;
left:0;
width:7px;
height:7px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
box-shadow: 1px 1px 5px #888888;
}
</style>
</head>
<body>
<article>
<ul>
<li>Bullet 1</li>
<li>Bullet 2</li>
<li>Bullet 3</li>
</ul>
</article>
</body>
</html>
CSS项目符号
html，正文{
字体大小：16px；
}
第二条{
位置：相对位置；
溢出：隐藏；
列表样式：无；
左侧填充：20px；
线高：1.35em；
边际：0.5em0；
}
李文:之前,{
利润率：-8px0；
背景：#ededed；
溢出：隐藏；
列表样式：无；
内容：“；
位置：绝对位置；
顶部：0.95em；
左：0；
宽度：7px；
高度：7px；
边界半径：2px；
-webkit边界半径：2px；
-moz边界半径：2px；
盒影：1px 1px 5px#8888888；
}
- 子弹1
- 子弹2
- 项目3
文本符号'\2022'u