-
- 手刻CPU 2018-11-20
IE6不兼容hover：
- 0赞 · 0采集
-
- 慕粉2308425049 2018-07-18
<dl>
<dt>定义列表中的项目</dt>
<dd>描述列表中的项目</dd>
</dl>
防溢出：overflow：hidden；
右对齐：text-align:right;
在body中写behavior：url（csshover.htc）;为了适应IE浏览器下载的hover补丁文件
- 0赞 · 0采集
-
- GYNexus 2018-03-24
<dl>标签在列表中的应用 <dt>定义列表分类 <dd>定义列表项目利用a元素制作竖线“ ▏” display:block;float:left;border-left:1px solid grey;height:14px;line-height:14px;padding:0px 5px;
- 0赞 · 0采集
-
- xccll 2018-02-26
- dt用来定义列表中的项目，dd用来描述列表中的项目，常用于网站分类菜单，对搜索引擎友好，可以分别设置样式，而ul和li列表做不到，a标签对搜索引擎不友好
-
截图0赞 · 0采集
-
- 白鹿max 2018-02-06
- 京东二级菜单导航效果实现代码
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-04
- right:html <div class="sright"> <dl> <dd> <a href="#"> <img src="../img/DD.ico" width="200" height="200" title="点名"/> </a> </dd> <dd> <a href="#"> <img src="../img/GM.ico" width="200" height="200" title="国美"/> </a> </dd> </dl> <dl> <dt>推荐品牌</dt> <dd> <a href="#">美的官方旗舰店</a> </dd> <dd> <a href="#">小熊官方旗舰店</a> </dd> <dd> <a href="#">本草官方旗舰店</a> </dd> </dl> </div> </div> </li> <li><a href="#">图像</a></li> <li><a href="#">图像</a></li> <li><a href="#">图像</a></li> <li><a href="#">图像</a></li> </ul>
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-04
- left:html <ul class="menu"> <div class="title"> 全部 </div> <li><a href="#">图像</a><span></span> <div class="sub"> <div class="sleft"> <dl> <dt> <a href="#">电子书</a> </dt> <dd> <a href="#">免费</a> </dd> </dl> <dl> <dt> <a href="#">电子书</a> </dt> <dd> <a href="#">免费</a> </dd> </dl> <dl> <dt> <a href="#">电子书</a> </dt> <dd> <a href="#">免费</a> </dd> </dl> </div>
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-04
- css3:(dl标签---友好的搜索引擎结构,dl dt dd做二级菜单) .sleft dl dt{ display:block; width:60px; height:22px; line-height:22px; float:left; text-align:right; padding-right:6px; } .sleft dl dt a{ text-decoration:underline; font-weight:bold; font-size:14px; color:#e4393c; } .sleft dl dd{ display:block; overflow:hidden; } .sleft dl dd a{ display:block; float:left; border-left:1px solid #ccc; color:#737373; font-size:12px; padding:0 8px; height:14px; line-height:14px; margin:4px 0; } .sright dl dd{ margin:3px 0; } .sright dl dd a{ color:#ccc; font-size:9px; height:16px; line-height:16px; } .sright dl dd a img{ width:200px; height:100px; } .sright dl dd a:hover{ color:#ccc; font-weight:normal; } .sright dl dt{ color:#e4393c; font-weight:bold; font-size:12px; }
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-04
- css2: -moz-box-shadow:0 0 8px #ddd; background-image:none; } .sub{ display:none; width:715px; position:absolute; top:40px; left:220px; border:1px solid #ddd; z-index:4; background:#fff; box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; } .sleft{ /*background:gray;*/ float:left; width:490px; margin:5px; } .sright{ float:left; width:200px; margin:5px; } .menu li:hover .sub{ display:block; } .menu li:hover span{ background-color:#fff; display:inline-block; width:20px; height:30px; z-index:20; float:right; position:relative; } .sleft dl{ display:block; border-bottom:1px solid #eee; padding-bottom:6px; overflow:hidden; } .sleft dl dt{ display:block; width:60px; height:22px; line-height:22px; float:left; text-align:right; padding-right:6px; }
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-04
- 兼容ie6：csshover.htc 兼容ie6的补丁文件 *{ padding:0; margin:0; font-size:12px; behavior:url(css/csshover.htc); //csshover.htc 兼容ie6的补丁文件 } .menu{ display:block; width:220px; border:2px solid #e4393c; margin:0; padding:0; } .menu .title{ height:40px; line-height:40px; text-align:left; font-size:12px; font-weight:bold; color:#fff; background-color:#e4393c; padding-left:20px; } .menu li{ height:30px; line-height:30px; list-style-type:none; text-align:left; padding-left:8px; z-index:3; background-image:url(../img/YMX.ico); background-repeat:no-repeat; background-position:right; } .menu li a{ text-decoration:none; color:#313131; } .menu li a:hover{ text-decoration:underline; font-weight:bold; color:#e4393c; } .menu li:hover{ border:1px solid #ddd; border-right:0; box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; }
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-04
- html 左
-
截图0赞 · 0采集
-
- 超级无敌可爱的美少女 2017-09-20
- 1、<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出了术语名，<dd>标记给出了术语的定义。 也就是说<dt>用来创建列表中的上层项目，<dd>用来创建列表中最下层项目，<dt>和<dd>都必须放在<dl>< /dl>标志对之间。 2、利用<a>标签的“border”属性来制作分隔竖线效果 3、IE6 兼容 :hover 属性 body{ behavior:url(css/csshover.htc); } 让css的hover模式兼容万恶的ie6，在body中加了behavior时，添加一个url，可以网上搜索csshover.htc，下载到本地就可以
- 0赞 · 1采集
-
- 慕斯7298688 2017-08-21
- csshover.htc
- 0赞 · 0采集
-
- 浅尝 2017-07-18
- 对于上图 dl标签---友好的搜索引擎结构
-
截图0赞 · 0采集
-
- riyyao 2017-07-04
- ie6下面的hover兼容补丁
- 0赞 · 0采集
-
- riyyao 2017-07-04
- 1、给二级a标签，添加Border-right; 2、元素间用margin撑开； 3、右边的submenu加position:absolute; 4、dl加display:block;
- 0赞 · 0采集
-
- riyyao 2017-07-04
- DL标签
-
截图0赞 · 0采集
-
- yaya_ling 2017-06-15
- 兼容ie6： 在body中的样式中为hover选择器编写补丁文件
-
截图0赞 · 0采集
-
- yaya_ling 2017-06-15
- overflow:hidden;防止溢出
- 0赞 · 0采集
-
- yaya_ling 2017-06-15
- dl标签---友好的搜索引擎结构
-
截图0赞 · 0采集
-
- 梦魂清风 2017-05-26
- ie6兼容hover的实现方式
-
截图0赞 · 0采集
-
- 謎失d噯 2017-05-06
- dl,dt,dd标签做二级菜单
-
截图0赞 · 0采集
-
- 程序猴jason 2017-05-02
- csshover.htc解决ie6下hover不兼容的问题！！！
- 0赞 · 0采集
-
- 元气满满来学习 2017-04-16
- overflow:hidden 处理溢出
- 0赞 · 0采集
-
- 雨落尘中碎_03948239 2017-04-12
- dl dd的样式代码
-
截图0赞 · 0采集
-
- 徐无敌 2017-04-10
- 1、<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出了术语名，<dd>标记给出了术语的定义。 也就是说<dt>用来创建列表中的上层项目，<dd>用来创建列表中最下层项目，<dt>和<dd>都必须放在<dl>< /dl>标志对之间。 2、利用<a>标签的“border”属性来制作分隔竖线效果 3、IE6 兼容 :hover 属性 body{ behavior:url(css/csshover.htc); } 让css的hover模式兼容万恶的ie6，在body中加了behavior时，添加一个url，可以网上搜索csshover.htc，下载到本地就可以
- 0赞 · 0采集
-
- 无赖7 2017-04-10
- <dl> <dt> <dd> 应用
-
截图0赞 · 0采集
-
- 鬼谷子zz 2017-04-01
- 也是服了免费看视频还说这儿那儿，叽叽歪歪个不停的人，你那么厉害来看什么视频，装逼是一种病
- 0赞 · 0采集
-
- 秦虢 2017-03-30
- 这一节主要是讲布局样式的，觉得没问题，可以跳过
-
截图0赞 · 0采集
-
- Zhq9695 2017-03-05
- dl标签
-
截图0赞 · 0采集
数据加载中...