山那边是海 发表于 2015-1-15 23:11:04

来一发CSS3技能实例:完成网页中的圆角效果

大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
破洛洛文章简介:CSS3HTML5实例一(圆角).
CSS3HTML5是将来的Web,它们都还没有正式到来,固然很多扫瞄器已入手下手对它们供应部分撑持。本文先容了1个CSS3技能,能够帮你完成将来的Web。今朝这些手艺不该该用在正式的客户项目,它们更合适你的团体博客站点,Web计划社区,大概不会有客户向你赞扬的场所。
  圆角效果

  CSS3新功效中最经常使用的一项是圆角效果,尺度HTML方块工具是90度方角的,CSS3能够帮你完成圆角。
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  乃至单个角也能够完成圆角,不外Mozilla和Webkit的语法稍有分歧。
  -moz-border-radius-topleft:20px;
  -moz-border-radius-topright:20px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-top-rightright-radius:20px;
  -webkit-border-top-left-radius:20px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-rightright-radius:10px;
  所撑持的扫瞄器:Firefox,Safari,Chrome
</p>
每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。

老尸 发表于 2015-1-16 15:58:24

来一发CSS3技能实例:完成网页中的圆角效果

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

爱飞 发表于 2015-1-18 18:39:17

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。

灵魂腐蚀 发表于 2015-1-27 17:22:57

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

蒙在股里 发表于 2015-2-5 14:38:11

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

海妖 发表于 2015-2-12 09:07:29

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

小妖女 发表于 2015-3-3 02:23:46

还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

精灵巫婆 发表于 2015-3-11 09:09:53

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

小女巫 发表于 2015-3-18 09:36:41

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

冷月葬花魂 发表于 2015-3-25 22:00:15

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
页: [1]
查看完整版本: 来一发CSS3技能实例:完成网页中的圆角效果