今天心血来潮，想试试用HTML能不能搞出一个像模像样的logo来，毕竟平时总听人说，网站的脸面很重要嘛

先想想要做什么样的logo。我平时挺喜欢那种圆形的logo，感觉看起来比较舒服，像星巴克那种就挺不错。不过我可没那么厉害，能做出那么复杂的，先来个简单的试试水。

我打开电脑，新建一个HTML文件。脑子里大概有个想法，先用一个大的圆形做背景，然后在里面加点内容。这不就是画个圈圈，然后往里面填东西嘛

第一步，画个圆圈！

我记得CSS里有个border-radius属性，可以把方形变成圆形。于是我先写一个div标签，给它设置一个宽度和高度，然后加上border-radius: 50%。

<div style="width: 100px; height: 100px; background-color: blue; border-radius: 50%;"></div>

保存，刷新！ 一个蓝色的圆圈出现！

第二步,往里面加点东西!

加什么？要不就写个字母，简单点，就写个"S"。我直接在div标签里面加个字母S。

<div style="width: 100px; height: 100px; background-color: blue; border-radius: 50%;">S</div>

保存，刷新！字母是出来，但是太小，而且位置也不对，得调整一下。

第三步，调整字母样式！

我给字母加个样式，让它变大点，颜色也改成白色，然后用text-align和line-height把它居中显示。

<div style="width: 100px; height: 100px; background-color: blue; border-radius: 50%; text-align: center; line-height: 100px;">
<span style="font-size: 50px; color: white;">S</span>
</div>

保存，刷新！这下看起来好多，有点logo的样子！

虽然这个logo很简单，但也是我一步一步做出来的，感觉还挺有成就感的。下次有时间再试试更复杂的，说不定以后网站的logo都可以自己动手做！