1.logo图标html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--网页的标题伟html5 logo-->
<title>HTML5 logo</title>
<!--键入样式表,浏览器运行时会加载解析css/logo.css-->
<link href="css/logo.css" type="text/css" rel="stylesheet">
</head>
<body>
<!--这是html5 Logo的最外层的盒子div,类名为bg-->
<div class="bg">
<!--每一束白色光速的div盒子,行内样式style=“transform:rotate(5deg”用于设置div变形的样式-->
<div class="beam" style="transform:rotate(5deg)"></div>
<div class="beam" style="transform:rotate(15deg)"></div>
<div class="beam" style="transform:rotate(25deg)"></div>
<div class="beam" style="transform:rotate(35deg)"></div>
<div class="beam" style="transform:rotate(45deg)"></div>
<div class="beam" style="transform:rotate(55deg)"></div>
<div class="beam" style="transform:rotate(65deg)"></div>
<div class="beam" style="transform:rotate(75deg)"></div>
<div class="beam" style="transform:rotate(85deg)"></div>
<div class="beam" style="transform:rotate(95deg)"></div>
<div class="beam" style="transform:rotate(105deg)