码迷,mamicode.com
首页 > 其他好文 > 详细

个人信息练习

时间:2018-02-17 20:48:24      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:微博   col   no-repeat   img   css   width   put   style   head   

img 和 input都是内容,剧中用text align 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box{
				width: 208px;
				height: 384px;
				border: 1px solid #CECECE;
				margin: 10px auto;
							}
			.box .title{
				height: 25px;
				padding-left: 9px;
				font: 14px/25px "微软雅黑" ;
				background-color: #CECECE;
			}
			.box .pic{
				width: 180px;
				height: 180px;
				border: 1px solid #CECECE;
				margin: 10px 0 11px 13px;
			}
			.box .blink{
				height: 27px;
				text-align: center;
			}
			.box .blink img{
				margin-left: 10px;
			}
			.box .weibo{
				height: 33px;
				text-align: center;
				border-bottom: 1px dotted #D1D1D1;
				margin-bottom: 20px;
			}
			.box .weibo input{
				width: 68px;
				height: 23px;
				background: #EEEEF2 url(../05-练习/vb.jpg) no-repeat;
			}
			.box .friend{
				text-align: center;
			}
			.box .friend input{
				width: 67px;
				height: 21px;
				margin-bottom: 5px;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="title">个人资料</div>
			<div class="pic">
				<img src="../05-练习/1.jpg"  />
			</div>
			<div class="blink">
				V闪闪<img src="../05-练习/v.jpg"/>
			</div>
			<div class="weibo">
				<input type="button" value="微博"  />
			</div>
			<div class="friend">
				<input type="button"   value="加好友" />
				<input type="button"   value="发纸条" />
				<input type="button"   value="写留言" />
				<input type="button"   value="加关注" />
			</div>
		</div>
	</body>
</html>

  

个人信息练习

标签:微博   col   no-repeat   img   css   width   put   style   head   

原文地址:https://www.cnblogs.com/L-Pxiaotiancai/p/8452140.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!