仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 591|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来看看:HTML和CSS做网页实例教程:边框暗影和内容垂直居中

[复制链接]
冷月葬花魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:11:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
破洛洛文章简介:HTML和CSS做网页实例教程:边框暗影和内容垂直居中.
本帖代码完成的是边框暗影(良多时分被勇于顶部banner框),及让框架内内容垂直居中。
html+CSS实例效果(2):边框为暗影及DIV内容垂直居中效果
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>边框为暗影效果</title>
<styletype="text/css">
div{border-width:1px;border-style:solid;padding:1px;}
.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;}
.middle-demo-4{width:300px;border:#FF00001pxsolid;height:300px;position:absolute;}
.middle-demo-4div{border:#0099001pxsolid;height:20px;width:300px;position:absolute;margin-top:-10px;top:50%;left:0;}
.middle-demo-4divdiv{border:#3300661pxsolid;height:20px;width:300px;margin-top:-12px;margin-left:-2px;position:relative;top:50%;left:0;}
</style>
</head>
<body>
<divclass="a">
<divclass="b">
<divclass="c">
边框为暗影效果
</div>
</div></div>
<divclass="middle-demo-4">
<div>
<div>
让内容垂直居中
</div>
</div>
</div>
</body>
</html>
</p>
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性
莫相离 该用户已被删除
沙发
发表于 2015-1-17 20:16:29 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweavermxXX很难理解。
冷月葬花魂 该用户已被删除
板凳
 楼主| 发表于 2015-1-24 14:34:17 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
活着的死人 该用户已被删除
地板
发表于 2015-2-7 13:54:29 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
admin 该用户已被删除
5#
发表于 2015-2-22 18:36:37 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
透明 该用户已被删除
6#
发表于 2015-3-7 04:02:01 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
小女巫 该用户已被删除
7#
发表于 2015-3-14 12:36:27 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
再见西城 该用户已被删除
8#
发表于 2015-3-21 09:11:53 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 22:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表