CSS列表
列表的主要属性及设置:
以下程序如果需要调试,请适当屏蔽语句,不然会出错,在此只是列出表格的操作语句,不保证程序能正常运行:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>CSS列表</title> <style> .list{ /* 取消列表项 */ list-style: none; /* 取消列表默认外框和内边距 */ border: 0px; padding: 0px; /* 设置列表项样式为实心正方形 */ list-style-type: square; /* 设置列表项样式为圆 */ list-style-type: circle; /* 以图像的方式显示列表项 */ list-style-image: url("./images/25i58PICtVW.jpg"); /* 设置列表项的位置 默认outside*/ list-style-position: inside; } </style> </head> <body> <ul class="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html>