首页 > HTML 实例

HTML 样式 (style) 实例

发表于2015-05-27 15:13:28| --次阅读| 来源webkfa| 作者哈哈

摘要:HTML 样式 (style) 实例
HTML中的样式
本例演示如何使用添加到 <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>

相关文章

相关文章

在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京 ICP 证 14034497 号