<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>
帐 号 <input type="text">
</li>
<li>
密 码 <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阴影设置
相关推荐
摘要:脚本资源,CSS特效,CSS3特效 CSS3网页特效，实现一个Div的高亮显示，并给Div增加阴影效果，当鼠标移上Div的时候，对应的Div就突出显示，并添加了阴影立体效果，视觉效果挺棒，在此将演示页面和CSS文件一并打包...
纯CSS控制DIV背景透明效果，没有什么好解释的，代码全在文件里面，直接预览或者用记事本打开即可。rgba参数(red,green.,blue,alpha),alpha值0-1 ie滤镜参数#3363370b，前两位为16进制透明度， 比如说值是上面用到的...
13.3 实例一：输入时高亮显示的Excel表格 13.4 实例二：由远到近的文字 13.5 实例三：跑马灯特效 13.6 实例四：图片淡入淡出 13.7 实例五：CSS实现PPT幻灯片 13.8 实例六：灯光效果 ...
101. 打包基于jQuery对图片边框修饰插件示例下载(支持图片阴影效果、顶部banner效果、邮票边框、毛边相框、云朵包围效果) 102. 推荐jquery仿Flash大banner图片切换播放特效,非常完美 103. 推荐jQuery仿新浪QQ绝好...
13.3 实例一：输入时高亮显示的Excel表格 13.4 实例二：由远到近的文字 13.5 实例三：跑马灯特效 13.6 实例四：图片淡入淡出 13.7 实例五：CSS实现PPT幻灯片 13.8 实例六：灯光...
13.3 实例一：输入时高亮显示的Excel表格 13.4 实例二：由远到近的文字 13.5 实例三：跑马灯特效 13.6 实例四：图片淡入淡出 13.7 实例五：CSS实现PPT幻灯片 13.8 实例六：灯光效果 13.9 实例七...
13.3 实例一：输入时高亮显示的Excel表格 13.4 实例二：由远到近的文字 13.5 实例三：跑马灯特效 13.6 实例四：图片淡入淡出 13.7 实例五：CSS实现PPT幻灯片 13.8 实例六：灯光效果 ...
分享jquery带阴影效果折叠菜单dropdown给大家 33.分享下载jquery+Css黑色风格版的手风琴菜单,带动感效果 34.分享一款jquery收缩展开的多级导航(附带手风琴效果示例) 35.国外漂亮动感jquery三级导航菜单插件...
13.3 实例一：输入时高亮显示的Excel表格 13.4 实例二：由远到近的文字 13.5 实例三：跑马灯特效 13.6 实例四：图片淡入淡出 13.7 实例五：CSS实现PPT幻灯片 13.8 实例六：灯光效果 ...
13.3 实例一：输入时高亮显示的Excel表格 13.4 实例二：由远到近的文字 13.5 实例三：跑马灯特效 13.6 实例四：图片淡入淡出 13.7 实例五：CSS实现PPT幻灯片 13.8 实例六：灯光效果 ...
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. ...
Div画的机器猫图形源码，一共用了2010个div，今年是...虽然我可以继续添加细节，为它加上阴影、高光，让它看起来更加生动，但即使是现在这么一个简单的形象，也使用了2010个div才堆出来，要继续细化下去需要更多的div。
vue如何简单的实现弹框,遮罩,点击其他区域关闭弹框, 简单的思路是以一个div作为遮罩, 控制其的v-if(v-show)即可, 掌握到技巧既可以任意扩展。 v-if 是直接删除dom节点, 就是这个div就不存在了 v-show 是控制dom的...
easyUI属性汇总 找了个时间看了下EasyUI插件，对它的插件感觉是很舒服，特地把Easy UI的大部分功能属性做了一下汇总。... 2)shadow:是否显示窗口阴影。true[显示] false[不显示] 2、div easyui-panel 生成一个面板。
2)shadow:是否显示窗口阴影。true[显示] false[不显示] 2、div easyui-panel 生成一个面板。 属性如下: 1)title:该标题文本显示在面板头部。 2)iconCls:在面板上通过一个CSS类显示16x16图标。 3)width:设置...
controlsTrigger string 控制标题的显示样式，'focus'图像获取到焦点是显示标题，'mouseover'鼠标悬停在图片上时显示标题。默认: 'focus' preload string 预处理，'click'当点击是加载图片 ，'load'文档载入时就...
7 DIV制作边框阴影 先看效果图: CSS Code复制内容到剪贴板 <!doctype html> html lang="en"> <head> <meta charset="UTF-8"> <!—-编码—–> <meta name=...
实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口 65 实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用...
resize(元素缩放):指定一个div元素，允许用户调整大小 outline(外边框) background-origin(指定背景图片从哪里开始显示) background-clip(指定背景图片从什么位置开始裁切) background(为一个元素指定多个背景...