简单的div阴影显示

最新推荐文章于 2024-04-22 10:42:13 发布

pyez1158

最新推荐文章于 2024-04-22 10:42:13 发布

阅读量314

点赞数

分类专栏： html css

本文链接：https://blog.csdn.net/pyez1158/article/details/84609322

版权

html css 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>css div 边框阴影</title>
<style type="text/css">
body {padding: 200px 450px;}
div {border-width: 1px; border-style: solid; padding: 1px;}
li {padding 3px}
.a {background-color: #f3f3f3; border-color: #fbfbfb;}
.b {background-color: #d8d8d8; border-color: #e8e8e8;}
.c {background-color: #fff; border-color: #bbb; height: 100px;color：#ff0000;padding:5px 2px}
.d {background-color: grey; border-color: #bbb; border-top:none;border-left:none;border-right:none; height: 15px;color：#ff0000;padding:5px 2px}
</style>
</head>
<body>
<div class="a" width="50">
  <div class="b">
    <div class="c">
	<div class="d">
		用户登录
	</div>
	<ul style="list-style-type:none">
	<li>
	帐&nbsp;&nbsp;&nbsp;&nbsp;号&nbsp;&nbsp;<input type="text">
	</li>
	<li>
	密&nbsp;&nbsp;&nbsp;&nbsp;码&nbsp;&nbsp;<input type="text">
	</li>
	<li align="center" style="padding:3px 15px"><input type="button" style="background-color:blue" value="登录" > <input type="button" style="background-color:blue" value="重置"></li>
	</ul>
	</div>
  </div>
</div>
</body>
</html>

注：参考别人的简单div阴影设置

pyez1158

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单的div阴影显示

&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="content-type" content="text/html; charset=gb2312" /&gt;&lt;title&gt;css div 边框阴影&lt;/title&gt;&lt;style type="text/css"&gt;
复制链接

扫一扫

专栏目录