您好,登錄后才能下訂單哦!
本篇文章為大家展示了html的什么屬性可以定義內聯樣式,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
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 屬性和值。
示例:針對段落、<h3> 標簽、<em> 標簽、<strong>標簽以及 <div> 標簽,分別應用 CSS 行內樣式。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>行內樣式(內聯樣式)</title> </head> <body> <p style="background-color: #999900">行內元素,控制段落-1</p> <h3 style="background-color: #FF6633">行內元素,h3 標題元素</h3> <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的什么屬性可以定義內聯樣式,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。