HTML 样式
HTML 样式
style
属性用于改变 HTML 元素的样式。HTML 的 <style> 元素包含文档的样式信息或者文档的部分内容。默认情况下,该标签的样式信息通常是 CSS 的格式。
<html>
<body style="background-color:PowderBlue;">
<h1>样式和颜色</h1>
<p style="font-family:verdana;color:red">
这篇文章是verdana字体和红色的颜色</p>
<p style="font-family:times;color:green">
这篇文章是times字体和绿色的颜色</p>
<p style="font-size:30px">这个文本高30像素</p>
</body>
</html>
HTML 的 style 属性
style
属性的作用:
提供了一种改变所有 HTML 元素的样式的通用方法。
样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style
属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。
HTML 背景颜色
background-color
属性为元素定义了背景颜色:
<html>
<body style="background-color:yellow">
<h2 style="background-color:red">这是一个标题.</h2>
<p style="background-color:green">这是一个段落.</p>
</body>
</html>
HTML 字体、颜色和尺寸
font-family
、color
以及 font-size
属性分别定义元素中文本的字体系列、颜色和字体尺寸:
<html>
<body>
<h1 style="font-family:verdana">一个标题</h1>
<p style="font-family:arial;color:red;font-size:20px;">一个段落.</p>
</body>
</html>
HTML 文本对齐
<html>
<body>
<h1 style="text-align:center">这是一个标题</h1>
<p>上面的标题相对于页面居中对齐。</p>
</body>
</html>