CSS dl,dt,dd怎么用能做出下图效果吗

2021-03-18 06:30:13 字数 2806 阅读 5344

1楼:从前有个

dl dt dd的结构和table是不一样的。在一个**元素中,table包含tr,tr包含td;在一个dl结构中,dl包含dt和dd,但dt和dd不是相互包含的关系,而是同级关系,就像下面这样:

dl标签的确切意思是“一个自定义的列表”,dt是列表中的项目名称,dd是列表项目的描述。所以在一个标准的dl列表里面不存在dt和dd相互包含的情况,自然也不能做出等价于table的多列**的效果。但是在形态上与**相似或者相同是可以的,这也不是dl列表的专利,div、ul这些也能做到,不是什么奇怪的事情。

不过话说回来,如果硬要让dt包含dd,似乎也未尝不可,例如像下面这样这样就把table的结构给模拟出来了,每个dt相当于**中的一行或者一列,每个dd相当于一个单元格,然后定义dt或者dd 的宽高,同时加一句display:inline-block;就可以了,似乎这样在道理上也是可行的,不过不符合规范罢了。

2楼:匿名用户

截图:使用360浏览器测试,兼容。**如下:

dl: 边框1 实线 上左白色,下右灰色

dd: 边框1 实线 上左灰色,下右白色

实现浮雕**效果

注意:控制好外层dl宽度,来限制dl的列

忘采纳!

3楼:匿名用户

利用css 控制 可以实现这个效果 不过**量比较多 反而没table来得痛快 因为dl本身定义的是列表 不是**dl dt dd 的格式是标题一

标题一的描述

标题二标题二的描述

标题二的描述

简单的记忆方法是dl l看作list 即列表dt t 看作title 标题dd d 看作description 描述 dd是用来解释dt的 所以dd可以多个 参考标题二的描述 所以dl在最外面 列表里面有标题 标题后面跟着对标题的描述

4楼:兰亭幽草

一般都是可以的,具体效果贴出来啊。

5楼:匿名用户

什么图都看不到。规范就是:一个dl套住一个或多个dt、dd

css 如何用dl dt dd 实现如下效果?

6楼:晋城网络推广笔记

关键css是dt的float:left;和height:29px;这样就可以使dd左边对齐;

示例**如下:

人文社科|历史|哲学|国学|政治/军事|法律|宗教|心理学|文化|社会科学

人文社科|历史|哲学|国学|政治/军事|法律|宗教|心理学|文化|社会科学

7楼:kk鱿小鱼

http://zhidao.baidu.***/question/122558356.html

你是不是这个问题啊

css中dl dt dd的排版实例说明

http://****guosp.***.**/page.asp?sysid=2010824173453558620631

在div+css中我想用dl-dt-dd布局、dt是**dd是文字,怎么能把dd的文字设置到dt**的左右两侧啊?

8楼:匿名用户

**文字

文字定义样式left、right来实现,直接定义dd标签是不可以的。

9楼:百度网友

这样不行的吧,dt、dd相当于两个div,块级元素,不妥啊,再说你这种排版还是少见啊。

10楼:匿名用户

浮动设置试试,形式如下:

#number-left

11楼:匿名用户

dd设置浮动,然后处理吧

div+css,使用dl-dt-dd怎么使**和文字居中

12楼:匿名用户

大学要求老师开**

大学要求老师开**

大学要求老师开**

大学要求老师开**

这样试下,应该就可以了。

13楼:观音婢

在div中,用dl-dt-dd使**需要垂直居中于div,文字需要水平居中于**。

一、首先设置**垂直居中,可以设置**上下边界自动即可垂直居中显示,dt为方便**显示在这里设置了**左对齐,超出div设置则隐藏。

二、设置文字水平居中于**,只需设置文章居中对齐即可。dd

14楼:大莆田手机网

给dt : dd ,

网页制作中的css+div:dl,dt,dd分别表示什么意思啊?请说明啊,谢谢有什么功能?

15楼:

标记定义了一个定义列表,定义列表中的条目是通过使用标记(“definition title”,定义标题)和标记(“definition description”,定义描述)创建的。给出了术语名,标记给出了术语的定义。

也就是说用来创建列表中的上层项目,用来创建列表中最下层项目,和都必须放在< /dl>标志对之间。

我们在做列表标题

我们在做列表

我们在做列表

我们在做列表

我们在做列表

16楼:火凰惜雪瑰

dl代表的是列表,和ul差不多,但dl没有默认样式(如项目符号等)。

dt,dd代表的是列表项,和li差不多。这两个列表项的性质是相同的,主要是为了解决一个列表中,放两种不同样式的列表项的问题。

17楼:匿名用户

可以理解成ul 和li的扩展。dt是标题,dd是该标题的内容,dl是外层包裹

如何在PS中做出下图的效果,如何用PS做出下图的效果?

1楼 向阳花木 个人认为这些点状图案是先画出来的 然后通过图层样式调出立体凹凸感 希望可以帮助你 2楼 难民 点点是用钢笔描出来的,区分图层,先填上大块颜色,钢笔笔头用间距较大的点路径,用图层样式浮雕 3楼 匿名用户 用钢笔勾出图形 钢笔选择画壁样式 最后做浮雕这些就行了 你试试 很简单 4楼 文晓...

如何用Photoshop做出下图的效果

1楼 老房 用photoshop做出下图的效果方法是,文件黑色背景文件,用用自定义心形绘制一个选区,用文字工具,不同大小字体,在区域内打字即可! 2楼 心烛 图案文字变形叠加,这是一个比较费事的活。除非有包包。 如何用photoshop做出下图的效果?请告知具体用到什么命令及步骤! 3楼 天眼眩光 ...

用PS怎样做出这种光晕效果,用ps怎么做出图片这种效果

1楼 零枫灵 1 新建图层1,填充黑色 2 滤镜 渲染 镜头光晕 3 将图层1改为柔光模式即可。 ps 图层1下面放一张背景图效果更明显 2楼 匿名用户 你不知道什么样的光环效应,像楼上说的可以,还有就是点击,渲染,镜头光晕滤镜,然后根据自己的喜好左右调整。 。 3楼 ywt梅宇曦 滤镜 渲染 镜头...