1. 程式人生 > >(span等)標籤的下劃線,上劃線,中劃線

(span等)標籤的下劃線,上劃線,中劃線

直接上乾貨

<head>
<style type="text/css">
h1 {text-decoration: overline}
h2 {text-decoration: line-through}
h3 {text-decoration: underline}
h4 {text-decoration:blink}
</style>
</head>

<body>
<h1>這是標題 1</h1>
<h2>這是標題 2</h2>
<h3>這是標題 3</h3>
<h4>這是標題 4</h4>
</body>

效果圖:

當然,你還可以這樣子

<div>
    <p>
	<span>生成合同</span>
	<span style="color:bule;text-decoration: underline">正在執行</span>
	<span>已完成</span>
    </p>
</div>

注:參考了W3Cschool