在 HTML 中,可以使用 <span>
標簽來定義一個文檔中的行內元素容器。<span>
標簽在不添加任何樣式的情況下,不會改變文本的任何顯示效果,但可以使用 CSS 來對其進行樣式設置。
要設置 <span>
標簽的樣式,可以使用以下幾種方法:
<span>
標簽中使用 style
屬性來直接設置樣式。例如:<span style="color: red; font-weight: bold;">這是一個紅色且加粗的文本。</span>
<head>
標簽內使用 <style>
標簽來定義樣式,然后在 <span>
標簽中使用 class
屬性來引用樣式。例如:<head>
<style>
.highlight {
color: blue;
font-weight: 600;
}
</style>
</head>
<body>
<span class="highlight">這是一個藍色且加粗的文本。</span>
</body>
styles.css
文件中定義樣式:.highlight {
color: green;
font-weight: 700;
}
在 HTML 中引用樣式表:
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<span class="highlight">這是一個綠色且加粗的文本。</span>
</body>
以上是幾種常見的設置 <span>
標簽樣式的方法,可以根據具體情況選擇適合的方式來設置樣式。