最佳答案

在dedecms首页中，想要显示二级栏目的CSS样式，需要进行一些简单的修改。下面是一个示例代码，可供参考：

首先，在你的dedecms模板文件夹中，找到"templets/default/css/style.css"文件。

然后，找到类似下面的代码段：

#nav li ul{display: none;}

#nav li:hover > ul{display: block;}

这段代码控制了一级栏目的显示和隐藏。我们需要在其中添加一些额外的代码来控制二级栏目的样式。修改后的代码如下：

#nav li ul{display: none;}

#nav li:hover > ul{display: block;}

#nav li ul li{

display: block;

width: 100%;

background-color: #fff; /* 设置背景颜色 */

padding: 10px 15px; /* 设置内边距 */

border-bottom: 1px solid #ccc; /* 设置下边框 */

}

#nav li ul li:last-child{

border-bottom: none; /* 去掉最后一项的下边框 */

}

按照上面代码的修改，你将会看到二级栏目在鼠标悬浮时以垂直的方式显示出来，并带有背景颜色、内边距和下边框样式。

记得保存文件并刷新dedecms网站首页，你将会看到二级栏目的样式显示出来。你可以根据自己的需求进行进一步的样式修改和调整。

希望这个示例代码能帮助到你。如果还有其他问题，请随时告诉我。

其他答案

要为dedecms首页显示二级栏目应用自定义的CSS样式，可以通过以下步骤实现：

1. 登录dedecms后台，进入“系统”-“推荐位与菜单管理”-“排版设置”，找到“首页二级栏目设置”。

2. 在该设置页面中，你可以看到一个文本输入框，可以输入自定义CSS样式。

3. 在这里，你可以根据自己的需求，自定义CSS样式来控制二级栏目的显示。

4. 在输入框中，你可以设置样式，例如设置二级栏目的背景颜色、字体样式、边框样式等。

5. 输入完自定义的CSS样式后，点击“保存”按钮。

6. 刷新dedecms首页，在浏览器中查看效果。

注意：在编写CSS样式时，建议了解基础的CSS语法并进行测试，确保样式的正确性和适用性。

这样，你就可以使用自定义的CSS样式来显示dedecms首页的二级栏目了。记得备份好原始代码，以防不小心出现错误。