效果图 css *{ margin:0px; padding:0px; } ul.box{ list-style:none; width:165px; height:165px; padding:30px; } .box li{ float:left; } .box a{ display:block ...
分类：
Web程序 时间：
2020-03-29 01:38:09
阅读次数：
114
HTML html文档 html标签 标签分类 head中的标签 body中的基本标签 img标签 a标签 ul、ol标签 dl标签 特殊字符 表格标签 form、input标签 select标签 textarea标签 label标签 ...
分类：
Web程序 时间：
2020-03-28 23:14:47
阅读次数：
90
<ol>定义有序列表;<ul>定义无序列表;<li>定义列表项,<dl>定义列表,<dt>自定义列表项目,<dd>定义自定义列表的描述；同时列表项内部可以使用段落、换行符、图片、链接以及其他列表等等 ...
分类：
Web程序 时间：
2020-03-28 13:16:24
阅读次数：
94
1 使用label + input实现元素的隐藏和显示 以下代码点击‘菜单’可以实现li列表的显示和隐藏： <style type="text/css"> *{ margin: 0; padding: 0; } input, ul{ display: none; } input:checked ~ ...
分类：
Web程序 时间：
2020-03-27 13:04:42
阅读次数：
542
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 ul{ 12 ...
分类：
Web程序 时间：
2020-03-26 21:41:22
阅读次数：
104
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS3过渡模块-手风琴效果</title> 6 <style> 7 *{margin: 0;padding: 0;} 8 ul{ 9 wi ...
分类：
Web程序 时间：
2020-03-26 19:23:16
阅读次数：
80
直接上代码： <template> <div> <ul> <li v-for="list in datas(dataList)" :key="list.id"> <!-- {{list}} --> <span>{{list.name}}</span> <ul> <li v-for="(item,in ...
分类：
编程语言 时间：
2020-03-25 19:34:35
阅读次数：
344
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-st ...
分类：
Web程序 时间：
2020-03-24 15:59:22
阅读次数：
105
CSS选择器 1、初始化 html=''' <div> <ul> <li class="item-0">first item</li> <li class="item-1"><a href="link2.html">second item</a></li> <li class="item-0 act ...
分类：
其他好文 时间：
2020-03-24 12:47:08
阅读次数：
52
@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px} body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,b ...
分类：
Web程序 时间：
2020-03-22 15:51:26
阅读次数：
446
