CSS中橫向二級菜單代碼的示例文章：

CSS是一種用于設計和樣式網頁的樣式表語言。在CSS中，我們可以使用不同的樣式來創建不同的頁面布局，包括橫向二級菜單。

橫向二級菜單通常由一組類名和標簽組成。這些類名描述了菜單的主題和子菜單選項，而標簽則用于定義菜單項的樣式。下面是一個簡單的CSS代碼示例，用于創建橫向二級菜單：

```css

.二級菜單-left {

float: left;

width: 200px;

padding: 10px;

margin: 20px auto;

.二級菜單-left h3 {

margin-bottom: 20px;

.二級菜單-left ul {

list-style: none;

margin: 0;

padding: 0;

.二級菜單-left li {

display: inline-block;

width: 100px;

height: 100px;

text-align: center;

margin-bottom: 20px;

.二級菜單-left li:nth-child(2) {

margin-right: 20px;

.二級菜單-left li:nth-child(3) {

margin-left: 20px;

.二級菜單-left li:nth-child(4) {

margin-top: 20px;

.二級菜單-left li:nth-child(5) {

margin-bottom: 20px;

.二級菜單-left li a {

color: #fff;

text-decoration: none;

display: block;

width: 100px;

height: 100px;

text-align: center;

margin-bottom: 20px;

.二級菜單-left li a:hover {

background-color: #ddd;

在這個示例中，我們使用了`float: left`和`width: 200px`屬性來創建橫向二級菜單。我們使用`padding`屬性來使菜單項更易于閱讀，并使用`margin`屬性來控制菜單項之間的間距。

我們還使用`h3`類名來創建標題，并使用`margin-bottom`屬性來控制標題的bottom邊距。我們還使用`ul`標簽來創建子菜單列表，并使用`list-style: none`屬性來隱藏列表項。

最后，我們使用`li`標簽來創建菜單項，并使用`display: inline-block`屬性來將其設置為塊級元素，以便使其具有居中對齊的能力。我們還使用`width`和`height`屬性來設置菜單項的寬度和高度，并使用`text-align`屬性來設置菜單項的文本對齊方式。