用html和css做出网页的标题栏

今天来说如何用html和css做出网页上方的标题栏，就像iT邦帮忙网页中蓝色的那栏

首先我们新增一个div，将他的长度设为50px，宽度设为100%，并且给他一个显眼的底色方便我们观察

打开网页预览会得到以下的效果，这里使用的是chrome浏览器

可以发现在颜色区块的外圈还有一小段的留白
这是因为每个浏览器的不同造成的，这时我们需要连结一个reset.css的档案，将浏览器中的留白消除，可以将这个网站https://meyerweb.com/eric/tools/css/reset/ 中的程序码直接贴在一个新的空白档案中，并且储存为css档，这个档案要储存在跟你要连结的html档同一个资料夹中，接下来在你的html档的head中新增以下这段程序码

<link rel="stylesheet" href="reset.css">

这时候在打开网页就会发现我们创造的色块贴齐网页的边线了

到这里我们就成功创造出标题栏的色块了，明天再来说说如何在这个色块上新增一些可以点选的文字区块