个人信息练习

最新推荐文章于 2023-02-13 14:24:40 发布

bancao9160

最新推荐文章于 2023-02-13 14:24:40 发布

阅读量177

点赞数

原文链接：http://www.cnblogs.com/L-Pxiaotiancai/p/8452140.html

版权

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" alt="" />
			</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>

转载于:https://www.cnblogs.com/L-Pxiaotiancai/p/8452140.html

bancao9160

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
个人信息练习

img 和 input都是内容，剧中用text align<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ ...
复制链接

扫一扫