Einführung in das Einfügen von Bildern in die CSS3-Inhaltsverarbeitung
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <!DOCTYPE html><html lang= "en" ><head>
<meta charset= "UTF-8" >
<title>CSS 3 内容处理插入图片</title>
<style>
* { margin : 0 ; padding : 0 ; }
body { margin-bottom : 20px ; font-size : 14px ; color : #333 ; font-family : "Microsoft Yahei" ; }
ul { list-style : none ; overflow : hidden ; }
ul li { height : 22px ; line-height : 22px ; }
ul li:after { content : url ( "http://www.w3cfuns.com/static/image/stamp/006.small.gif" ); }
</style></head><body>
<ul>
<li>web前端工程师</li>
<li>(长沙)特米网诚聘:WEB前端开发工程师</li>
<li>北京腾讯急招前端开发</li>
<li>百度移动平台部web前端研发工程师</li>
<li>傲游浏览器诚聘英才</li>
<li>巨人网络急聘WEB前端开发工程师</li>
<li>搜狗公司招聘网页重构工程师</li>
<li>乐唐天地 - Web前端开发工程师</li>
<li>淘宝杭州招聘前端开发工程师</li>
<li>泰克贝思招聘网站美工</li>
</ul></body></html>
|
Nach dem Login kopieren
Ähnlich:
1 2 3 | ul li:before{ content : url (http://www.w 3 cfuns.com/ static /image/stamp/ 006 . small .gif);}/
在所有的li之前追加“推荐”图片
/
|
Nach dem Login kopieren
Das obige ist der detaillierte Inhalt vonEinführung in das Einfügen von Bildern in die CSS3-Inhaltsverarbeitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!