如何在 HTML 中使用内联 CSS(样式表)?
层叠样式表用于设定网页的呈现样式。
CSS 用于设定网页的样式和布局——你可以通过使用它来控制网页的呈现样式,包括改变字体、颜色、尺寸和内容间距、将其拆分为多列或增加动画和其他 CSS 特性中提供的装饰性功能。
内联——在 HTML 元素内使用样式属性。
内联 CSS——内联 CSS 用于对标签内使用的单个 HTML 元素应用独特的样式。
示例
以下是一个示例程序,它在 HTML 中使用内联 CSS 进行样式设定。
<!DOCTYPE html> <html> <head> <h1 style="font-family: fantasy">HTML</h1> </head> <body style="background-color: bisque"> <p style="background:yellow" >HTML is used to structure a web page and its content.</p> </body> </html>
示例
以下是一个示例程序,它为 <h1> 和 <h2> 元素使用内联 CSS 进行样式设定。
<!DOCTYPE html> <html> <head> <h1 style="font-family: fantasy">HTML</h1> </head> <body style="background-color: seagreen"> <h2 style="background:whitesmoke" >HTML is used to structure a web page and its content.</h2> </body> </html>
示例
以下是一个示例程序,它为 <table> 元素使用内联 CSS 进行样式设定。
<!DOCTYPE html> <html> <head> <title>Inline CSS</title> </head> <body> <table style = "border: 1px solid";> <tr> <th>Firstname</th> <th>Lastname</th> </tr> <tr> <td>Peter</td> <td>Griffin</td> </tr> <tr> <td>Lois</td> <td>Griffin</td> </tr> </table> </body> </html>
广告
数据结构
网络
RDBMS
操作系统
Java
iOS
HTML
CSS
Android
Python
C 程序设计
C++
C#
MongoDB
MySQL
Javascript
PHP