CSS中，我們可以通過設置font-stretch屬性來實現字體的橫向拉寬效果。這個屬性的取值包括normal、ultra-condensed、extra-condensed、condensed、semi-condensed、semi-expanded、expanded、extra-expanded以及ultra-expanded共九個。

以normal為默認值，如果我們想將字體橫向拉寬，就需要選擇比normal更寬一些的值。比如，設置font-stretch: expanded;我們就可以讓字體變得更加寬大，適合用在標題或者需要強調的文字上。

在CSS中，我們可以通過簡單的代碼來實現字體橫向拉寬的效果。以下是一個示例代碼片段：

h1 {
font-family: Arial;
font-size: 36px;
font-weight: bold;
font-stretch: expanded;
}

在這個示例中，我們定義了一個h1標簽，并設置了其字體屬性。通過設置font-stretch屬性為expanded，我們成功將字體橫向拉寬，使其更加凸顯出來。

總的來說，通過設置font-stretch屬性，我們可以輕松實現字體橫向拉寬的效果，讓文字更加清晰明了，吸引人眼球。