css怎么添加文字下劃線樣式

本篇內(nèi)容主要講解“css怎么添加文字下劃線樣式”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“css怎么添加文字下劃線樣式”吧!

在安寧等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作按需求定制制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計,成都營銷網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè)公司,安寧網(wǎng)站建設(shè)費用合理。

首先我們來了解一下css添加文字下劃線樣式的方法有哪些。

1、csstext-decoration屬性添加文字下劃線樣式

2、cssborder-bottom屬性添加文字下劃線樣式

下面我們通過簡單的代碼示例，為大家詳細(xì)介紹一下這兩種css添加文字下劃線樣式的實現(xiàn)方法！

csstext-decoration屬性添加簡單文字下劃線樣式

代碼示例：

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<title>css文字下劃線樣式</title>

<style>

.demospan{

text-decoration:underline;

}

</style>

</head>

<body>

<pclass="demo">這是一段測試文字，<span>php中文網(wǎng)</span>！</p>

</body>

</html>

效果圖：

1.jpg

csstext-decoration屬性添加的下劃線是最簡單樣式，而且沒有辦法設(shè)置什么比較特別的樣式，比如把下劃線設(shè)置成虛點狀的。下面我們看看另一種添加下劃線的方法，可以設(shè)置不同的下劃線樣式。

cssborder-bottom屬性添加文字下劃線樣式

代碼示例：

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<title>css文字下劃線樣式</title>

<style>

.demo{

width:400px;

height:400px;

margin:100pxauto;

}

.demo1span{

border-bottom:1pxsolid#000000;

}

.demo2span{

border-bottom:5pxsolid#0081EF;

}

.demo3span{

border-bottom:2pxdashed#000000;

}

.demo4span{

border-bottom:2pxdotted#000000;

}

.demo5span{

border-bottom:5pxdouble#000000;

}

</style>

</head>

<body>

<divclass="demo">

<pclass="demo1">這是第1段測試文字，<span>php中文網(wǎng)</span>！</p>

<pclass="demo2">這是第2段測試文字，<span>php中文網(wǎng)</span>！</p>

<pclass="demo3">這是第3段測試文字，<span>php中文網(wǎng)</span>！</p>

<pclass="demo4">這是第4段測試文字，<span>php中文網(wǎng)</span>！</p>

<pclass="demo5">這是第5段測試文字，<span>php中文網(wǎng)</span>！</p>

</div>

</body>

</html>

到此，相信大家對“css怎么添加文字下劃線樣式”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

當(dāng)前題目：css怎么添加文字下劃線樣式
文章出自：http://muchs.cn/article42/ihgjec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站維護、軟件開發(fā)、用戶體驗、建站公司、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司