」。"/> 」。">

首頁  >  文章  >  web前端  >  哪個html屬性可以定義內聯樣式

哪個html屬性可以定義內聯樣式

青灯夜游
青灯夜游原創
2021-09-16 18:43:367820瀏覽

html的style屬性可以定義內聯樣式,標籤的style屬性用來規定元素的行內樣式(內嵌樣式),只需要在標籤中加入style屬性並設定好屬性值即可,語法“”。

哪個html屬性可以定義內聯樣式

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

html的style屬性可以定義內嵌樣式。

style 屬性規定元素的行內樣式(inline style)

style 屬性將覆寫任何全域的樣式設定,例如在

語法:<element style="style_definition"></element>

  • style_definition:一個或多個由分號分隔的CSS 屬性和值。

範例:針對段落、

標籤、 標籤、標籤以及
標籤,分別套用 CSS 行內樣式。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>行内样式(内联样式)</title>
</head>
<body>
    <p style="background-color: #999900">行内元素,控制段落-1</p>
    <h2 style="background-color: #FF6633">行内元素,h2 标题元素</h2>
    <p style="background-color: #999900">行内元素,控制段落-2</p>
    <strong style="font-size:30px;">行内元素,strong 比 em 效果要强</strong>
    <div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行内元素,div 块级元素</div>
    <em style="font-size:2em;">行内元素,em 强调</em>
</body>
</html>

效果圖:

哪個html屬性可以定義內聯樣式

相關推薦:《css影片教學

以上是哪個html屬性可以定義內聯樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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