如何在文字下方加入底線-html教學-PHP中文網

HTML頁面中在文字下方新增底線的方法

首頁

web前端

html教學

如何在文字下方加入底線

清浅

Apr 03, 2019 pm 05:03 PM

css html

在字下方加底線的方法：先使用word軟體開啟一張有文字的文件；然後選取需要新增底線的文字；最後點選頂端選單列【u】圖示或使用快捷鍵【 ctrl u】即可加入底線。

如何在文字下方加入底線

HTML頁面中在文字下方新增底線的方法

為文字新增底線的方法有：直接使用html標籤中的標籤可實現下劃線效果，還可以使用CSS樣式中的text-decoration屬性中的underline實現效果

【建議課程：HTML教學、CSS教學】

使用html底線標籤

在html標籤中對需要加底線的文字加上即可實作加底線樣式

#範例：

<body>
	<p>无下划线：PHP中文网</p>
	<p>有下划线：<u>PHP中文网</u></p>
</body>

登入後複製

效果圖：

如何在文字下方加入底線

#CSS樣式實作下劃線樣式

如何在文字下方加入底線

##可以透過CSS樣式中的

text-decoration:underline

屬性來實現下劃線效果如何在文字下方加入底線

<body>
	<p>无下划线：PHP中文网</p>
	<p style="text-decoration: underline;">有下划线：PHP中文网</p>
</body>

登入後複製

效果圖：

如何在文字下方加入底線

######### #########word文件中在文字下面加入底線的方法#############方法1：#########①我們還是透過word2013建立一張帶有文字的文檔，如圖。 ###############②然後選中我們打算添加下劃線的文字內容，接著點擊格式欄的“字體”——“下劃線”，我們以整個文檔為例，如下圖，我們選擇全部文字內容###############③然後點擊字體下的下劃線圖標，然後我們就看到所有文字下方都有了下劃線######### #####################方法2：利用快速鍵加入底線##################這種方法只適用於在文件的空白處添加哦，將遊標定位在要添加下劃線的位置，然後同時按住"SHIFT"和"-"組合鍵即可打出下劃線，我們需要多長就按多久，目前親測可以適用於任何輸入法哦...######總結：以上就是本篇文章的全部內容了，希望對大家有所幫助###

以上是如何在文字下方加入底線的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn