仓酷云

标题: 给大家带来CSS+DIV制造页面圆角效果 [打印本页]

作者: 金色的骷髅    时间: 2015-1-16 00:17
标题: 给大家带来CSS+DIV制造页面圆角效果
每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。
款式表文件:
.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+DIV制造页面圆角效果
登录/注册后可看大图


看分明了吗?我们来细心剖析一下代码吧:
给大家带来CSS+DIV制造页面圆角效果
登录/注册后可看大图


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




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2