html的style屬性可以定義內聯樣式,標簽的style屬性用于規定元素的行內樣式(內聯樣式),只需要在標簽中添加style屬性并設置好屬性值即可,語法“<element style="內聯樣式代碼">”。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
html的style屬性可以定義內聯樣式。
style 屬性規定元素的行內樣式(inline style)
style 屬性將覆蓋任何全局的樣式設定,例如在 <style> 標簽或在外部樣式表中規定的樣式。
語法:<element style="style_definition">
-
style_definition:一個或多個由分號分隔的 CSS 屬性和值。
示例:針對段落、<h2> 標簽、<em> 標簽、<strong>標簽以及 <div> 標簽,分別應用 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>
效果圖: