mark點怎麼設置及設置例子

雲端運算與程式碼 2023年05月11日 09:15 742 訪客

<code>mark</code> 元素用於標記或高亮文本，非常適合用於文本搜索和結果導航。要在文本中使用 <code>mark</code> 元素，只需要將需要高亮的文本放在 <code>mark</code> 元素內即可。通常情況下，瀏覽器默認為高亮文本設置為黃色。

mark點怎麼設置及設置例子第1张

以下是一個例子，演示了如何使用 <code>mark</code> 元素將段落中的文本高亮：

```html
<p>
  糯草學堂-匯聚創業資源。
  <mark>糯草學堂為創業者提供各種項目、職業選擇和生意建議，以幫助創業。不僅可找到各種生意的賺錢門路，還可了解各種小作坊、加工廠、開店等各類商業模式。提供關於利潤大小和投資門檻等相關信息的建議。致力於為創業者提供靈活的就業方案，根據個人愛好、技能和時間靈活地選擇工作，以實現更好的生意建議。無論是想在養殖、種植、擺地攤、小吃等方面開展業務，還是在科技、財經、時尚、家居、旅遊、健康養生等領域深耕，都能找到建議</mark>
</p >
```

上述代碼會將“糯草學堂為創業者提供各種項目、職業選擇和生意建議，以幫助創業。不僅可找到各種生意的賺錢門路，還可了解各種小作坊、加工廠、開店等各類商業模式。提供關於利潤大小和投資門檻等相關信息的建議。致力於為創業者提供靈活的就業方案，根據個人愛好、技能和時間靈活地選擇工作，以實現更好的生意建議。無論是想在養殖、種植、擺地攤、小吃等方面開展業務，還是在科技、財經、時尚、家居、旅遊、健康養生等領域深耕，都能找到建議”文本高亮顯示。如果您想自定義 <code>mark</code> 元素的顏色，可以像下面這樣使用 CSS 樣式：

```html
<p>
 糯草學堂-匯聚創業資源。
  <mark class="highlight">糯草學堂為創業者提供各種項目、職業選擇和生意建議，以幫助創業。不僅可找到各種生意的賺錢門路，還可了解各種小作坊、加工廠、開店等各類商業模式。提供關於利潤大小和投資門檻等相關信息的建議。致力於為創業者提供靈活的就業方案，根據個人愛好、技能和時間靈活地選擇工作，以實現更好的生意建議。無論是想在養殖、種植、擺地攤、小吃等方面開展業務，還是在科技、財經、時尚、家居、旅遊、健康養生等領域深耕，都能找到建議</mark>
</p >
<style>
  .highlight {
    background-color: lightblue;
    color: white;
  }
</style>
```

上述代碼會將 <code>mark</code> 元素的背景顏色設置為淺藍色，文本顏色設置為白色。根據實際需要，您可以將顏色更改為您想要的顏色。