Home
HTML
HTML
Tryit: HTML
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <style> ul.a { list-style-position: outside; } ul.b { list-style-position: inside; } </style> </head> <body> <h1>list-style-position 属性</h1> <h2>list-style-position: outside (default):</h2> <ul class="a"> <li>咖啡 - 一种由烘焙咖啡豆制成的冲泡饮料，咖啡豆是咖啡树浆果的种子</li> <li>茶 - 一种芳香饮料，通常将热水或沸水倒在茶树（Camellia sinensis）的腌制叶子上，这是一种原产于亚洲的常绿灌木（灌木）</li> <li>可口可乐 - 可口可乐公司生产的碳酸软饮料。 这种饮料的名字指的是它的两种原始成分，即可乐果（咖啡因的来源）和古柯叶</li> </ul> <h2>list-style-position: inside:</h2> <ul class="b"> <li>咖啡 - 一种由烘焙咖啡豆制成的冲泡饮料，咖啡豆是咖啡树浆果的种子</li> <li>茶 - 一种芳香饮料，通常将热水或沸水倒在茶树（Camellia sinensis）的腌制叶子上，这是一种原产于亚洲的常绿灌木（灌木）</li> <li>可口可乐 - 可口可乐公司生产的碳酸软饮料。 这种饮料的名字指的是它的两种原始成分，即可乐果（咖啡因的来源）和古柯叶</li> </ul> </body> </html>