HTML 样式 (style) 实例
摘要:HTML 样式 (style) 实例
HTML中的样式
本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。
没有下划线的链接
本例演示如何使用样式属性做一个没有下划线的链接。
链接到一个外部样式表
本例演示如何 <link> 标签链接到一个外部样式表。
本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。
html代码
运行代码
<html> <head> <style type="text/css"> h1 {color: red} p {color: blue} </style> </head> <body> <h1>header 1</h1> <p>A paragraph.</p> </body> </html>
本例演示如何使用样式属性做一个没有下划线的链接。
html代码
运行代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-cn" /> </head> <body> <a href="http://www.webkfa.com" style="text-decoration:none"> 这是一个链接! </a> </body> </html>
本例演示如何 <link> 标签链接到一个外部样式表。
html代码
运行代码
<html> <head> <link rel="stylesheet" type="text/css" href="http://www.w3school.com.cn/html/csstest1.css" > </head> <body> <h1>我通过外部样式表进行格式化。</h1> <p>我也一样!</p> </body> </html>
相关文章