安卓机器人

回来太晚了.做个头部就好了,先睡觉吧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>网页标题</title>
	<meta name="keywords" content="关键字列表" />
	<meta name="description" content="网页描述" />
	<link rel="stylesheet" type="text/css" href="" />
	<style type="text/css">
		/*通用选择器*/
		*{
			margin:0px;
			padding:0px;
		}
		/*主体*/
		.box{
			width:500px;
			height:800px;
			margin:0 auto;
			border:1px solid red;
		}
		/*头部*/
		.box .head{
			width:200px;
			height:100px;
			border:1px solid blue;
			border-radius:100px 100px 0px 0px;
			background-color:#00ff33;
			margin:0 auto;
		}
		/*左眼*/
		.box .head::before{
			content:"";
			width:14px;
			height:14px;
			background:#ffffff;
			display:block;
			border-radius:7px;
			transform:translate(50px,40px);
		}
		/*右眼*/
		.box .head::after{
			content:"";
			width:14px;
			height:14px;
			background:#ffffff;
			display:block;
			border-radius:7px;
			transform:translate(121px,26px);
		}
	</style>
	<script type="text/javascript"></script>
</head>
<body>
	<div class="box">
		<div class="head"></div>
	</div>

</body>
</html>

　　

 

posted @ 2016-11-26 23:34  我只沾花不惹草  阅读(206)  评论(1)  编辑  收藏  举报