<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--style标签专门用来定义css样式代码-->
<style type="text/css">
/*
分别定义两个div span 标签 分别修改每个div标签的样式为:边框1个像素,实线,红色。
*/
div{
border: 1px solid red;
}
span{
border: 2px solid green;
}
</style>
</head>
<body>
<!--
需求1:分别定义两个div span 标签 分别修改每个div标签的样式为:边框1个像素,实线,红色。
-->
<div>div标签1</div>
<div>div标签2</div>
<div>div标签2</div>
<div>div标签2</div>
<div>div标签2</div>
<div>div标签2</div>
<span>span标签1</span>
<span>span标签2</span>
<span>span标签2</span>
<span>span标签2</span>
<span>span标签2</span>
</body>
</html>
HTML和css结合的第二种方式 head中用style语句
最新推荐文章于 2022-11-20 10:48:58 发布