仓酷云

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

[DIV+CSS] DIV教程之CSS3完成跨扫瞄器的圆角撑持IE9,Safari,Chrome

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

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

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

x
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
破洛洛文章简介:如今CSS3已能够轻松完成跨扫瞄器的圆角效果,包含Firefox高版本,IE9,Safari,Chrome等高端扫瞄器。
W-教程博主就对照喜好圆角的盒子模子,如今CSS3已能够轻松完成跨扫瞄器的圆角效果,包含Firefox高版本,IE9,Safari,Chrome等高端扫瞄器。
我们如许往界说一个盒子模子:
  1. -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
复制代码
在Firefox,和Chrome中的效果:

个中-moz-border-radius是Firefox完成圆角的公有属性,而-webkit-border-radius是webkit内核扫瞄器(如Safari和Chrome)完成圆角的公有属性。
我们也能够分离设置4个圆角的属性值,比方如许的款式:
  1. -moz-border-radius-topleft:50px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:50px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;
复制代码
失掉的效果以下图:

我们还可使用CSS缩写款式完成圆角效果,比方上面的代码:
  1. -moz-border-radius:50px30px20px10px;-webkit-border-radius:20px10px5px50px;
复制代码
固然我们也能够为盒子模子增加边框属性:
  1. -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:10pxsolid#69F;
复制代码
</p>
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
沙发
发表于 2015-1-17 20:20:20 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
若天明 该用户已被删除
板凳
发表于 2015-1-22 17:57:15 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
金色的骷髅 该用户已被删除
地板
发表于 2015-1-31 12:28:47 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
兰色精灵 该用户已被删除
5#
发表于 2015-2-6 19:42:49 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
不帅 该用户已被删除
6#
发表于 2015-2-18 11:24:34 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
谁可相欹 该用户已被删除
7#
发表于 2015-3-6 06:49:51 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
简单生活 该用户已被删除
8#
发表于 2015-3-12 22:16:40 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
灵魂腐蚀 该用户已被删除
9#
 楼主| 发表于 2015-3-20 05:05:58 | 只看该作者
可以使用 CSS 检查工具进行设计。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 13:54

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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