DIV教程之CSS3完成跨扫瞄器的圆角撑持IE9，Safari，Chrome
你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。破洛洛文章简介：如今CSS3已能够轻松完成跨扫瞄器的圆角效果，包含Firefox高版本，IE9，Safari，Chrome等高端扫瞄器。
W-教程博主就对照喜好圆角的盒子模子，如今CSS3已能够轻松完成跨扫瞄器的圆角效果，包含Firefox高版本，IE9，Safari，Chrome等高端扫瞄器。
我们如许往界说一个盒子模子：
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;在Firefox，和Chrome中的效果：
个中-moz-border-radius是Firefox完成圆角的公有属性，而-webkit-border-radius是webkit内核扫瞄器（如Safari和Chrome）完成圆角的公有属性。
我们也能够分离设置4个圆角的属性值，比方如许的款式：
-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缩写款式完成圆角效果，比方上面的代码：
-moz-border-radius:50px30px20px10px;-webkit-border-radius:20px10px5px50px;固然我们也能够为盒子模子增加边框属性：
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:10pxsolid#69F;</p>
使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。 可以使用 CSS 检查工具进行设计。
页:
[1]