溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html的什么屬性可以定義內聯(lián)樣式

發(fā)布時間:2021-09-17 09:36:33 來源:億速云 閱讀:253 作者:柒染 欄目:web開發(fā)

本篇文章為大家展示了html的什么屬性可以定義內聯(lián)樣式,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。

html的style屬性可以定義內聯(lián)樣式,標簽的style屬性用于規(guī)定元素的行內樣式(內聯(lián)樣式),只需要在標簽中添加style屬性并設置好屬性值即可,語法“<element style="內聯(lián)樣式代碼">”。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

html的style屬性可以定義內聯(lián)樣式。

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

style 屬性將覆蓋任何全局的樣式設定,例如在 <style> 標簽或在外部樣式表中規(guī)定的樣式。

語法:<element style="style_definition">

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

示例:針對段落、<h3> 標簽、<em> 標簽、<strong>標簽以及 <div> 標簽,分別應用 CSS 行內樣式。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>行內樣式(內聯(lián)樣式)</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的什么屬性可以定義內聯(lián)樣式

上述內容就是html的什么屬性可以定義內聯(lián)樣式,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI