HTML/CSS 列表 不念不忘少年蓝@ 2022-12-30 13:43 138阅读 0赞 ### HTML/CSS 列表 ### 代码: <!DOCTYPE html> <html> <head> <meta name="keywords" content="zidingyi"> <meta name="description" content="zidingyi"> <meta charset="UTF-8"> <title>list form</title> <style> body { margin: 0; } ul { margin: 0 auto; margin-bottom: 10px; padding: 0; list-style-type: none; width: 240px; background-color: #fff; } div { width: 260px; border: 1px solid transparent; background-image: url(./img/bg.gif); } div h3 { width: 240px; margin-left: auto; margin-right: auto; border-left: 5px solid rgb(201, 225, 67); color: #fff; /*调节h3做边框的距离,可以用text-indent或padding,但是padding会撑开盒子。*/ text-indent: 5px; } div li { margin: 0 auto; width: 220px; height: 30px; /* border: 1px solid green; */ list-style-image: url(./img/tb.gif); list-style-position: inside; border-bottom: 1px dashed rgb(123, 165, 182); } div li a { font-size: 12px; color: #06c; text-decoration: none; } div li.clearborder { border: 0; } </style> </head> <body> <div> <h3>爱宠知识</h3> <ul> <li> <a href="#">乘飞机可以带宠物吗?</a> </li> <li> <a href="#">如何将宠物快递到外地?</a> </li> <li> <a href="#">宠物托运流程是什么?</a> </li> <li> <a href="#">宠物托运流程是什么?</a> </li> <li> <a href="#">宠物托运流程是什么?</a> </li> <li> <a href="#">宠物托运流程是什么?</a> </li> <li> <a href="#">猫和狗可以一起养吗?</a> </li> <li class="clearborder"> <a href="#">适合女生上班族养的狗有哪些?</a> </li> </ul> </div> </body> </html> 显示: ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzAyMTk4Mg_size_16_color_FFFFFF_t_70] [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzAyMTk4Mg_size_16_color_FFFFFF_t_70]: /images/20221120/30d0af70ee014eb39180914fe6912633.png
相关 如何从列表列表中制作平面列表? 问题描述: 我想展平这个列表列表: [[1, 2, 3], [4, 5, 6], [7], [8, 9]] 进入: [1, 2, 3, 4, 5, 柔情只为你懂/ 2024年03月31日 17:16/ 0 赞/ 54 阅读
相关 python 复制列表内容_Python复制列表列表 参见英文答案 > How to clone or copy a list? 14个 > 「爱情、让人受尽委屈。」/ 2023年01月09日 00:48/ 0 赞/ 184 阅读
相关 音乐社交类登录注册htmlcss3+html5模板 [下载地址][Link 1] 一款通用的社交平台网站登录注册表单切换页面模板。支持手机验证码,图片验证码,第三方登录等功能。 ![8832d92220fd03c4fcef1 超、凢脫俗/ 2022年09月14日 00:27/ 0 赞/ 200 阅读
相关 列表 1、无序列表 <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul £神魔★判官ぃ/ 2022年06月14日 05:42/ 0 赞/ 251 阅读
相关 列表 [列表][Link 1] 列表的引入: a1 = "老王" a2 = "老李" a3 = "老刘" \列表 names = \["老王","老李","老刘"\ 骑猪看日落/ 2021年11月11日 09:32/ 0 赞/ 241 阅读
相关 列表 ![image.png][] <!DOCTYPE html> <html> <head> <title>hello world</title 小咪咪/ 2021年11月02日 00:56/ 0 赞/ 225 阅读
相关 列表[] 1. 什么是列表 列表是一个可变的数据类型 列表由\[\]来表示, 每一项元素使用逗号隔开. 列表什么都能装. 能装对象的对象. 列表可以装大量的数据 2. 列 ╰半橙微兮°/ 2021年09月30日 05:56/ 0 赞/ 291 阅读
相关 列表 ![image.png][] <!DOCTYPE html> <html> <head> <title>hello world</title 左手的ㄟ右手/ 2021年09月19日 11:08/ 0 赞/ 280 阅读
还没有评论,来说两句吧...