仓酷云

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

[DIV+CSS] 给大家带来CSS+DIV制造页面圆角效果

[复制链接]
金色的骷髅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:17:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。
款式表文件:
.b1{height:1px;font-size:1px;overflow:hidden;display:block;background:#000;margin:05px;}
.b2{height:1px;font-size:1px;overflow:hidden;display:block;background:#fff;
border-right:2pxsolid#000;border-left:2pxsolid#000;margin:03px;}
.b3{height:1px;font-size:1px;overflow:hidden;display:block;background:#fff;
border-right:1pxsolid#000;border-left:1pxsolid#000;margin:02px;}
.b4{height:2px;font-size:1px;overflow:hidden;display:block;background:#fff;
border-right:1pxsolid#000;border-left:1pxsolid#000;margin:01px;}

接着看页面代码:
<bclass="b1"></b><bclass="b2"></b><bclass="b3"></b><bclass="b4"></b>
<bclass="b4"></b><bclass="b3"></b><bclass="b2"></b><bclass="b1"></b>
固然你也能够用其他的标签<div>大概<span><a>之类,应当也是能够的

在下面两句之间加上一个摆布border的content
这就是效果了:


看分明了吗?我们来细心剖析一下代码吧:


十分困难才做好这张图,也不晓得怎样体现加倍分明,我信任人人应当能看得懂吧,道理就是在象素做图。是否是很成心思呢~CSS的功效真的好壮大啊,分明道理后就可以触类旁通计划出很多款式了,让我们勇敢的计划出各类效果吧,深信css能完成的,
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
透明 该用户已被删除
沙发
发表于 2015-1-18 05:59:18 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
小妖女 该用户已被删除
板凳
发表于 2015-1-26 07:03:51 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
小女巫 该用户已被删除
地板
发表于 2015-2-4 16:14:30 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
5#
发表于 2015-2-10 04:06:02 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
若相依 该用户已被删除
6#
发表于 2015-2-28 19:33:55 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
因胸联盟 该用户已被删除
7#
发表于 2015-3-10 07:26:04 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
深爱那片海 该用户已被删除
8#
发表于 2015-3-17 06:10:15 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
若天明 该用户已被删除
9#
发表于 2015-3-23 23:54:05 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-4 05:43

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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