用HTML和CSS打造属于自己的暖男“大白”

作者：佚名字体：[增加减小] 来源：互联网时间：2017-08-05

本文主要包含HTML,CSS,大白等相关知识,佚名希望在学习及工作中可以帮助到您

最终的成果是这样滴，是不是萌萌哒……

PS：您最好对 HTML 和 CSS 有一定的了解，但如果你是小白也没关系，小白见「大白」也是可以的！

一、准备工作

进入到 /home/shiyanlou/ 目录下，新建空白文档：

命名为 Baymax.html （其它名字也可以，但后缀名必须是 .html）：

使用 gedit 打开，准备编辑代码：

二、编写 HTML

填写以下代码：

<!doctype html>
<html>
<head><meta charset="utf-8"><title>Baymax</title></head>
<body>
<div id="baymax">
<div id="head">
<div id="eye"></div>
<div id="eye2"></div>
<div id="mouth"></div>
</div>
<div id="torso">
<div id="heart"></div>
</div>
<div id="belly">
<div id="cover"></div>
</div>
<div id="left-arm">
<div id="l-bigfinger"></div>
<div id=

您可能想查找下面的文章:

相关文章

2017-08-05html表单上传文件的“浏览”按钮修改方法
2017-08-05html知识点实践经验总结
2017-08-05html Meta标签小集
2017-08-05HTML教程:收集的常用的HTML标签(5)
2017-08-05HTML教程:收集的常用的HTML标签(5)
2017-08-05如何正确地在XHTML文档中使用JavaScript和CSS
2017-08-05HTML标签tbody的用法与说明
2017-08-05DOCTYPE元素详解完整版
2017-08-05在html的img src=""中调用js函数或js变量来动态指定图片路径
2017-08-05借助HTML分别禁用IE8, IE9的兼容视图模式的小技巧