小白日常学习 html 初学者用css写一个法国国旗

最新推荐文章于 2022-10-01 21:19:13 发布

DOCTYPE_C

最新推荐文章于 2022-10-01 21:19:13 发布

阅读量1.3k

点赞数

分类专栏：日常学习html 文章标签： html css

本文链接：https://blog.csdn.net/DOCTYPE_C/article/details/79015967

版权

日常学习html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

写一个两天的学习成果吧，写的过程，也是练习的过程！每一个字符都是手打，不复制粘贴。

欢迎前辈纠错！

<!DOCTYPE html> 

<html>
<head> 
<meta charset="utf-8">
<title>法国国旗</title>
<style type="text/css"> 
#test0{
width:200px; height:300px; background: blue;
float: left;}
#test1{
width:200px; height:300px; background:white;
float: left;}
#test2{
width:200px; height:300px; background: red;
float: left;}
</style>

</head>

这个是更正过的代码

第一次写的时候忘记添加 title标题

把【meta】写成【mate】，把css元素中的背景色，写成color ，没有写background，导致法国国旗不显示~还不到原因~

<!DOCTYPE html>  
<!--STATUS OK-->
<html>
<head>  
	<meta charset="utf-8"> 
	<title>法国国旗</title>
<style type="text/css">
#test0{
        width:200px; height:300px; background: blue;
         float: left;}
#test1{
         width:200px; height:300px; background:white;
         float: left;}
#test2{
          width:200px; height:300px; background: red;
           float: left;}
</style>
</head>
<body>
<div id="test0"></div>
<div id="test1"></div>
<div id="test2"></div>
</body>
</html>

                    效果如下

DOCTYPE_C

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
小白日常学习 html 初学者用css写一个法国国旗

写一个两天的学习成果吧，写的过程，也是练习的过程！每一个字符都是手打，不复制粘贴。欢迎前辈纠错！法国国旗 #test0{ width:200px; height:300px; background: blue; float: left;}#test1{ widt
复制链接

扫一扫