搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS 教程
CSS 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example of setting list styles</title> <style> ul li { background: #ffc0cb; } ul.in li { list-style-position: inside; } ul.out li { list-style-position: outside; } </style> </head> <body> <h1>设置项目符号的位置</h1> <h2>边框内部</h2> <ul class="in"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <h2>边框外部</h2> <ul class="out"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </body> </html>
运行结果
