@charset "utf-8"; @{ margin: 0px; padding: 0px; } .body{ height: 100%; } .face{ width: 400px; height: 400px; background-color: #FCD106; border-radius: 50%; position: relative; margin: auto; } .touming{ width: 300px; height: 150px; /*background-color: rgba(255,250,250,.3);*/ z-index: 1; margin: auto; border-radius: 300px 300px 0 0; background: -webkit-linear-gradient(rgba(255,250,250,0.6), rgba(255,250,250,0.1)); background: -o-linear-gradient(rgba(255,250,250,0.6), rgba(255,250,250,0.1)); background: linear-gradient(rgba(255,250,250,0.6), rgba(255,250,250,0.1)); } } .zuoyan{ width: 100px; height: 100px; border-radius:50%; background-color: #fff; position: absolute; left: 20px; } .zuoyantong{ width: 80px; height: 80px; min-height: 20px; background-color: #000; border-radius: 50%; position: absolute; left: 0; } .youyan{ width: 100px; height: 100px; border-radius:50%; background-color: #fff; position: absolute; right: 20px; } .youyantong{ width: 50px; height: 50px; min-height: 20px; background-color: #000; border-radius: 50%; margin: auto; /*position: absolute;*/ } .zui{ width: 160px; height: 80px; background-color: #000000; border-radius:0 0 80px 80px ; position: absolute; bottom: 40px; left: 125px; } .ya{ width: 50px; height: 25px; background-color: #fff; margin: auto; } .shetou{ width: 100px; height: 100px; background-color: red; border-radius: 50px 50px 6em 6em; position: absolute; left: 25px; }