一个可爱的DEMO
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>你可知道~~~~~~</title>
<style>
body {
overflow: hidden;
}
* {
margin: 0;
padding: 0;
}
.nav {
background: url('http://img18.3lian.com/d/file/201711/11/aff81832b1472c2a44f2c703a4c0236c.png') no-repeat center center /cover;
border-radius: 100%;
width: 180px;
height: 180px;
display: none;
}
span {
/* font-size: 10px; */
font-size: 0.1rem;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
color: rgb(12, 10, 10);
display: inline-block;