位置:电子教程 > HTML入门到精通 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频(Videos)
当前阅读教程:HTML入门到精通 > 3.3.4 综合示例
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 3.3.3 外部样式表 下一篇: 3.4 HTML 表格 table标签

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 样式CSS的几种使用方式</title>
     <style>
             .d1{background-color: antiquewhite;color: red;font-size: 20px;}
     </style>
     <link href="mycss2.css" rel="stylesheet" type="text/css">
    
</head>
<body>
     <h3 style="background-color: azure;">内联样式:定义背景颜色</h3>
     <div>内部样式表</div>
     <div>外部样式表</div>
</body>
</html>
mycss2.css代码
@charset "utf-8";
/* CSS Document */
 
.link1{
     color: blue;
}

效果如图3-5

image.png

上一篇: 3.3.3 外部样式表 下一篇: 3.4 HTML 表格 table标签
QQ交流群:147415688             广告联系QQ:45157718(微信同号)