1. <!DOCTYPE html>
    2. <html lang="zh">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6.     <style>
    7.         ul{
    8.             /*list-style-type: none;*/
    9.             list-style-position: inside;
    10.             list-style-image: url("02.jpg");
    11.         }
    12.         ul>li{
    13.             border: 1px solid skyblue;
    14.         }
    15.     </style>
    16. </head>
    17. <body>
    18.     <!--列表属性
    19.         list-style-type: 值;         设置列表标志的样式
    20.             none 无标志
    21.         list-style-position: 值;     设置列表标志的位置
    22.             inside
    23.             outside
    24.         list-style-image: url("");   设置列表标志样式
    25.         简写：list-style:列表标志 标志位置 列表图像
    26. -->
    27. <ul>
    28.     <li>测试列表属性</li>
    29.     <li>测试列表属性</li>
    30.     <li>测试列表属性</li>
    31.     <li>测试列表属性</li>
    32.     <li>测试列表属性</li>
    33. </ul>
    34. </body>
    35. </html>
    1. <!DOCTYPE html>
    2. <html lang="zh">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6.     <style>
    7.         table{
    8.             border-spacing: 20px 30px;
    9.             border-collapse: separate;
    10.             width: 30px;
    11.             height: 15px;
    12.         }
    13.     </style>
    14. </head>
    15. <body>
    16.     <!--表格属性
    17.         设置相邻的单元格间隔    border-spacing: 水平间隔 垂直间隔;
    18.         边框折叠|分开          border-collapse: collapse|separate(默认);
    19.         表格宽高               width: 30px;    height: 15px;
    20.         表格文本对齐           text-align      vertical-align
    21.         表格背景               background
    22.     -->
    23.     <table border="1">
    24.         <tr>
    25.             <td>表格属性</td>
    26.             <td>表格属性</td>
    27.             <td>表格属性</td>
    28.             <td>表格属性</td>
    29.             <td>表格属性</td>
    30.         </tr><tr>
    31.             <td>表格属性</td>
    32.             <td>表格属性</td>
    33.             <td>表格属性</td>
    34.             <td>表格属性</td>
    35.             <td>表格属性</td>
    36.         </tr>
    37.     </table>
    38. </body>
    39. </html>
    1. <!DOCTYPE html>
    2. <html lang="zh">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6.     <style>
    8.     </style>
    9. </head>
    10. <body>
    11.     <!--鼠标样式    cursor: 值
    12.     -->
    13.     <span style="cursor: pointer">鼠标样式</span><br>
    14. </body>
    15. </html>
    1. <!DOCTYPE html>
    2. <html lang="zh">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6.     <style>
    7.         div{
    8.             width: 400px;
    9.             background: skyblue;
    10.         }
    11.         img{
    12.             width: 100%;
    13.             filter: opacity();
    14.         }
    15.     </style>
    16. </head>
    17. <body>
    18.     <!--滤镜  filter: 值;
    19.         高斯模糊    blur()                      值越大越模糊，默认值为0
    20.         饱和度     saturate()                   默认值为100%
    21.         灰度       grayscale()                  默认值为0%
    22.         对比度      contrast()                  默认值为100%(完全不透明)
    23.         透明度      opacity()
    24.     -->
    25.     <div><img src="a.jpg"/></div>
    26. </body>
    27. </html>