資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究如何在 HTML 中為元素使用內聯 CSS 樣式？
使用內聯 CSS，我們可以一次對一個 HTML 元素應用不同的樣式。這可以透過使用 style 屬性來完成。內聯 CSS 始終會覆蓋在內部或外部樣式表中確定的樣式屬性。
語法
<element style="mystyles">
以下是一些示例...
示例
在以下示例中，我們正在應用在相關元素的 style 屬性中定義的內聯樣式
<!DOCTYPE html> <html> <body> <p style="color:lightgreen;">Hello Everyone</p> <p style="color:red;">Welcome to Tutorialspoint</p> </body> </html>
在執行上述指令碼後，內聯 CSS 會被啟用並應用於文字中的元素。
使用 JavaScript
使用 JavaScript，style 屬性可用於設定特定元素的內聯 CSS 屬性。
語法
element_name.style
示例
在以下示例中，我們使用 style 物件來設定 id 為 Varma 段落的 CSS 屬性。
<!DOCTYPE html> <html> <body> <p id="varma">HELLO WORLD..!</p> <script> let p = document.querySelector('#varma'); p.style.color = 'red'; p.style.fontWeight = 'bold'; </script> </body> </html>
在執行上述程式碼後，文字中的元素將應用內聯 CSS
更新日期：2022-09-02
350 次瀏覽
廣告