使用div构造简单的信息图片
html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>zhwtest</title>
<link rel="stylesheet" href="../css/zhwcommon.css">
</head>
<body>
<div id="mainbody">
<div class="border-radius" id="divbox" onclick="getinfo(id)">
<span> <image width=60px heigth=60px src="../image/男.png"></span><br/>
<span>
<a>张三</a>
<a> | </a>
<a style="color:red;">30岁</a>
</span><br/>
<hr style=”border:1 dashed s#987cb9“ width=”100%“ color=#987cb9 size=1/>
<span>
<a>node</a>
</span><br/>
</div>
</div>
</body>
</html>
css:
.border-radius
{
border:5px solid blue;
padding:5px;
background:white;
width:150px;
height:140px;
border-radius:0px;
float:left;
font-size: 18px;
}
#mainbody
{
border:none;
padding:0px;
background:#edeef0;
border-radius:5px;
height:100%;
text-align: center;
}
页面显示样式:
如对本文有疑问, 点击进行留言回复!!
清除新版Google Chrome浏览器中表单控件(input,button...)默认的黑色边框
荐 20200714——git/mac配置/项目运行步骤/一些报错
antd 菜单组件 使用时报错:Cannot read property ‘isRootMenu‘ of undefined
CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来
硬件仪表盘账号建立指导(一) --WHQL认证测试结果提交账号(一)
cookie的规范Cookie的不可跨域名性或Cookie与域名的关系
网友评论