21xrx.com
2025-06-01 22:13:04 Sunday
登录
  

HTML样式

上一章 下一章
<p style="color:red">红色</p>
<p style="color:blue">蓝色</p>
Markup

style属性

给一个HTML元素设置样式,用style属性.

HTML的style属性语法格式像下面这样:

style="属性名:属性值;"

属性名是CSS的属性名,属性值是CSS的属性值.

    你将在本教程后面学习更多CSS.

背景颜色

background-color属性给HTML元素指定背景颜色.

下面这个例子给页面设置背景颜色为亮灰色:

<body style="background-color:lightgrey;">

<h1>这是标题</h1>
<p>这是段落.</p>

</body>
Markup

文字颜色

color属性给HTML元素里的文字定义颜色.

<h1 style="color:blue;">这是标题</h1>
<p style="color:red;">这是段落.</p>
Markup

字体

font-family属性给HTML元素定义字体.

<h1 style="font-family:verdana;">这是标题</h1>
<p style="font-family:courier;">这是段落.</p>
Markup

字体大小

font-size属性给HTML元素指定字体大小.

<h1 style="font-size:300%;">这是标题</h1>
<p style="font-size:160%;">这是段落.</p>
Markup

字体对齐方式

text-align属性给HTML元素指定水平对齐方式.

<h1 style="text-align:center;">居中对齐的标题</h1>
<p>这是一个段落.</p>
Markup

本章小结

  • style属性给HTML元素设置样式.
  • background-color属性设置背景颜色
  • color属性设置文字的颜色
  • font-family属性给文字设置字体
  • font-size属性给文字设置大小
  • text-align给文字设置水平对齐方式
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2