Inhaltsverzeichnis
行内元素,h2 标题元素
Heim Web-Frontend Front-End-Fragen und Antworten Welches HTML-Attribut kann Inline-Stile definieren?

Welches HTML-Attribut kann Inline-Stile definieren?

Sep 16, 2021 pm 06:43 PM
html 内联样式

Das Stilattribut von HTML kann zum Definieren des Inline-Stils (Inline-Stil) von Elementen verwendet werden. Sie müssen nur das Stilattribut zum Tag hinzufügen und den Attributwert festlegen "".

Welches HTML-Attribut kann Inline-Stile definieren?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Das Stilattribut von HTML kann Inline-Stile definieren. Das

style-Attribut gibt den Inline-Stil des Elements an. Das

style-Attribut überschreibt alle globalen Stileinstellungen, z. B. die im

Syntax: <element style="style_definition"></element>

  • style_definition: Eine oder mehrere CSS-Eigenschaften und -Werte, getrennt durch Semikolons.

Beispiel: Anwenden von CSS-Inline-Stilen auf Absätze,

-Tags, -Tags.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>行内样式(内联样式)</title>
</head>
<body>
    <p style="background-color: #999900">行内元素,控制段落-1</p>
    <h2 id="行内元素-h-nbsp-标题元素">行内元素,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>
Nach dem Login kopieren

Rendering:

Welches HTML-Attribut kann Inline-Stile definieren?

Verwandte Empfehlungen: „CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelches HTML-Attribut kann Inline-Stile definieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Verschachtelte Tabelle in HTML

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Tabellenrahmen in HTML

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

HTML-Rand links

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

HTML-Tabellenlayout

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Text in HTML verschieben

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

HTML-geordnete Liste

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

HTML-Onclick-Button

Wie analysiert und verarbeitet man HTML/XML in PHP? Wie analysiert und verarbeitet man HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

Wie analysiert und verarbeitet man HTML/XML in PHP?

See all articles