我的磨扩展名前面/后面添加内容

此代码仅供参考

---

代码说明

利用伪元素在扩展名前面或后面添加内容。可以加的属性挺多的，样式多种多样，请自行添加。

content:url(填图片/音频等文件链接); 可以调用多种外部资源，图片就是其中一种。

---

CSS代码(扩展名前面/文字符号)

.file_list span:before { content: "_★"; /*扩展名前面添加内容*/ color: red; /*扩展名前面添加内容的颜色*/ }

---

代码演示(扩展名前面/文字符号)

•  涂鸦跳跃豪华BT版-无限火箭筒(jar)
•  涂鸦跳跃豪华BT版-无限弹簧跳(jar)
•  涂鸦跳跃豪华BT版-无限竹蜻蜓(jar)

---

CSS代码(扩展名前面/图片符号)

.file_list span:before { content: url(/image.gif); /*扩展名前面添加图片*/ }

---

代码演示(扩展名前面/图片符号)

•  涂鸦跳跃豪华BT版-无限火箭筒(jar)
•  涂鸦跳跃豪华BT版-无限弹簧跳(jar)
•  涂鸦跳跃豪华BT版-无限竹蜻蜓(jar)

---

CSS代码(扩展名后面/文字符号)

.file_list span:after { content: "☺"; /*扩展名后面添加内容*/ color: red; /*扩展名后面添加内容的颜色*/ }

---

代码演示(扩展名后面/文字符号)

•  涂鸦跳跃豪华BT版-无限火箭筒(jar)
•  涂鸦跳跃豪华BT版-无限弹簧跳(jar)
•  涂鸦跳跃豪华BT版-无限竹蜻蜓(jar)

---

CSS代码(扩展名后面/图片符号)

.file_list span:after { content: url(/image.gif); /*扩展名后面添加图片*/ }

---

代码演示(扩展名前面/图片符号)

•  涂鸦跳跃豪华BT版-无限火箭筒(jar)
•  涂鸦跳跃豪华BT版-无限弹簧跳(jar)
•  涂鸦跳跃豪华BT版-无限竹蜻蜓(jar)

---

---