您的位置：首页 > Web前端 > CSS

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

2018-01-09 18:20 411 查看
写一个两天的学习成果吧，写的过程，也是练习的过程！每一个字符都是手打，不复制粘贴。

欢迎前辈纠错！

<!DOCTYPE html>   <!--向浏览器声明本页面使用的事标准标记语言文档类型-->

<!--STATUS OK-->

<html>

<head>  <!--头部标签包含网站名称，各种css元素放置区域-->
<meta charset="utf-8"> 
<title>法国国旗</title>

<style type="text/css"> <!--向浏览器声明使用的是标准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>

这个是更正过的代码

第一次写的时候 忘记添加 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>
效果如下


内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航