仓酷云

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

[DIV+CSS] 带来一篇利用CSS3新手艺 完善完成圆角效果

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

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

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

x
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
网页制造poluoluo文章简介:如今利用CSS3手艺不必要图片便可完成圆角,把侧边栏题目背景的圆角效果和搜刮框的圆角效果用CSS3完成。纪录一下以便今后利用。W3C很早就制定了完成了CSS圆角的CSS3属性:border-radius,Firefox和Safari也经由过程公有属性完成了该功效:
如今利用CSS3手艺不必要图片便可完成圆角,把侧边栏题目背景的圆角效果和搜刮框的圆角效果用CSS3完成。纪录一下以便今后利用。W3C很早就制定了完成了CSS圆角的CSS3属性:border-radius,Firefox和Safari也经由过程公有属性完成了该功效:
<divstyle="background-color:#ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border:1pxsolid#000;padding:10px;">Firefox和Safari完成圆角</div>
效果以下:

个中-moz-border-radius是Firefox完成圆角的公有属性,而-webkit-border-radius是webkit内核扫瞄器(如Safari和Chrome)完成圆角的公有属性,假如你只需指定某一个角是圆角的话,它们都分离界说了四个属性:
-moz-border-radius-topleft/-webkit-border-top-left-radius
-moz-border-radius-topright/-webkit-border-top-right-radius
-moz-border-radius-bottomleft/-webkit-border-bottom-left-radius
-moz-border-radius-bottomright/-webkit-border-bottom-right-radius

固然IE(包含IE8)仍是不撑持,以是该效果只能在Firefox,Safari,和Chrome中检察。

目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.
分手快乐 该用户已被删除
沙发
发表于 2015-1-17 23:49:11 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
透明 该用户已被删除
板凳
发表于 2015-1-21 21:46:04 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
兰色精灵 该用户已被删除
地板
发表于 2015-1-30 22:51:50 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
山那边是海 该用户已被删除
5#
发表于 2015-2-6 16:45:01 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
爱飞 该用户已被删除
6#
发表于 2015-2-17 12:14:35 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
小妖女 该用户已被删除
7#
发表于 2015-3-5 19:45:38 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
老尸 该用户已被删除
8#
发表于 2015-3-12 13:52:23 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
admin 该用户已被删除
9#
发表于 2015-3-19 23:14:12 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-6-2 16:52

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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