1. 程式人生 > >當佈局中遇到ul li 每個li前面都有一個小icon時,一句css搞定

當佈局中遇到ul li 每個li前面都有一個小icon時,一句css搞定

/**這種情況好多人得佈局方法都不相同,

有的是加個i標籤,用來放圖片;

有的是用偽類after 或before  在上面加圖片;

等等。。。。。。

那麼我現在叫大家一個特別簡單得css,不用加標籤,不用偽類,只要一句搞定,

好了上程式碼

效果圖


*/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        
*{margin: 0;padding: 0;}
ul {
    list-style-image
:url('sqpurple.gif'); }
  </style>
</head>
<body>
      
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
</body></html>