Html 如何在CSS中创建文件夹样式

Html 如何在CSS中创建文件夹样式,html,css,Html,Css,我有一个文档列表,我需要以图形的方式表示这些文档,所以我想创建类似windows文件夹样式的东西。但是我不擅长css。需要一些帮助 。线程回复文件{ 宽度:100%; 填充:10px 0px 0px 12px; 光标:指针; } .thread回复文件{ 宽度:80px; 填充:10px 8px 8px; 边缘顶部:10px; 字体大小:粗体; 字体大小:14px; 颜色:蓝色; 浮动:左 } .thread回复文件span{ 左边距:10px; } .thread回复文件img{} 哈尼克

我有一个文档列表,我需要以图形的方式表示这些文档,所以我想创建类似windows文件夹样式的东西。但是我不擅长css。需要一些帮助

。线程回复文件{
宽度:100%;
填充:10px 0px 0px 12px;
光标:指针;
}
.thread回复文件{
宽度:80px;
填充:10px 8px 8px;
边缘顶部:10px;
字体大小:粗体;
字体大小:14px;
颜色:蓝色;
浮动:左
}
.thread回复文件span{
左边距:10px;
}
.thread回复文件img{}

哈尼克·穆罕默德
哈尼克·穆罕默德

这看起来怎么样?祝你好运

如果您对以下代码有任何澄清,请告知我:

。线程回复文件{
字体大小:粗体;
字体大小:14px;
颜色:蓝色;
浮动:左;
光标:指针;
边框:2件纯黑;
保证金:5px;
填充物:5px;
文本对齐:居中;
宽度:80px;
}
.thread回复文件span{
显示:块;
}
.thread回复文件img{
宽度:50px;
}
div[标题=注释]:之后{
内容:'';
显示:块;
明确:两者皆有;
}

哈尼克·穆罕默德
哈尼克·穆罕默德

这看起来怎么样?祝你好运

如果您对以下代码有任何澄清,请告知我:

。线程回复文件{
字体大小:粗体;
字体大小:14px;
颜色:蓝色;
浮动:左;
光标:指针;
边框:2件纯黑;
保证金:5px;
填充物:5px;
文本对齐:居中;
宽度:80px;
}
.thread回复文件span{
显示:块;
}
.thread回复文件img{
宽度:50px;
}
div[标题=注释]:之后{
内容:'';
显示:块;
明确:两者皆有;
}

哈尼克·穆罕默德
哈尼克·穆罕默德

;如果您正在链接到实际文件,则可以使用CSS通配符选择器(如
a[href$=”.doc“)自动显示图标
-这将应用于后缀为
.doc
的超链接,从那里您可以将适当的图标应用为背景图像或通过伪类选择器,如
:before
;如果您正在链接到实际文件,则可以使用CSS通配符选择器(如
a[href$=”.doc“)自动显示图标
-这将应用于后缀为
.doc
的超链接,从那里您可以应用适当的图标作为背景图像,或通过伪类选择器,如
:before
当文本长度增加时,我们是否可以保持整个大小不变,目前,在保持高度不变的情况下,Kukkuz为我提供了不同大小的框@kukkuz。您想显示全文还是使用
省略号来截断它?
?如果我们可以使用省略号来截断,增加框的大小,并使文本长度像10@kukkuz这样,则会更好地满足您的需要。。。检查它当文本长度增加时,我们可以保持大小不变吗?当前它给我不同大小的框@kukkuz,同时保持高度不变。你想显示整个文本还是使用省略号来截断它?如果我们可以使用省略号来截断它会更好,增加文本框的大小,使文本长度如10@kukkuz,并对其进行了改进,以包含您的需要。。。过来看