网页开发从无到有——html前端学习（六）

最新推荐文章于 2024-09-19 09:35:27 发布

在逆境中蜕变

最新推荐文章于 2024-09-19 09:35:27 发布

阅读量178

点赞数

分类专栏： Web前端/后端文章标签：前端 html 学习

本文链接：https://blog.csdn.net/weixin_40301728/article/details/125578054

版权

Web前端/后端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

CSS在html中的使用

在web开发中，HTML、JavaScript、css、php可以说是缺一不可，这节我们就来讲讲HTML与CSS之间的简单应用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="myCss.css" />
<title>CSS的使用</title>
</head>
<body>
    <h1 class="title">标题</h1>
    <table class="table1">
    <!--  设置表头  -->
    <tr>
        <th>第一列</th>
        <th>第二列</th>
        <th>第三列</th>
    </tr>
    <tr>
        <td>row 1, column 1</td>
        <td>row 1, column 2</td>
        <td>row 1, column 3</td>
    </tr>
    <tr>
        <td>row 2, column 1</td>
        <td>row 2, column 2</td>
        <td>row 2, column 3</td>
    </tr>
    </table>
</body>
</html>

CSS文件如下：

@charset "utf-8";
/* CSS Document */
.title{
	font-family: 微软雅黑;
	font-size: 26px;
	font-weight: bold;
	border-bottom:1px dashed #CCCCCC;
	color: #255e95;
}
.table1 {
	margin-top: 13px;
}
.table1 td{
	background-color:#ff0000;
	height:25px;
	line-height:150%;
}