要去掉HTML中的<li>
标签的缩进,可以使用CSS样式来实现,具体操作如下:
(图片来源网络,侵删)
1、在HTML文件中添加一个<style>
标签,用于编写CSS样式。
<!DOCTYPE html> <html> <head> <style> </style> </head> <body> <!在这里添加你的HTML代码 > </body> </html>
2、在<style>
标签内,为<li>
标签添加一个类名,例如noindent
。
<!DOCTYPE html> <html> <head> <style> .noindent { textindent: 0; } </style> </head> <body> <!在这里添加你的HTML代码 > </body> </html>
3、在HTML代码中,将需要去掉缩进的<li>
标签添加上刚刚创建的类名。
<!DOCTYPE html> <html> <head> <style> .noindent { textindent: 0; } </style> </head> <body> <ul> <li class="noindent">列表项1</li> <li class="noindent">列表项2</li> <li class="noindent">列表项3</li> </ul> </body> </html>
这样,<li>
标签的缩进就被去掉了。
原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/438909.html
本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。
发表回复