仓酷云

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

[DIV+CSS] CSS教程之用CSS为图片加上圆角外边框平面效果

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

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

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

x
我在这里借用了新浪博客的盒子来说明下,大家可能发现了,其实边框border往往就只有1px的宽度,谁叫它是边框呢。



此例是利用事后制造好的带平面效果png图片来完成,经由过程绝对定位和相对定位使之掩盖在图片之上,经由过程png的透明特征显现出厥后的图片来完成的一种办法。也声明一下是经由过程图片分离CSS来完成的,并不是全用css完成的。
[quote]<styletype="text/css">
body{text-align:center;font:12pxArialnormal;}
.frame-block{margin:0auto;position:relative;height:500px;width:335px;}
.frame-blockspan{background:url(/uploadfile/frame.png)no-repeatcentertop;height:500px;width:335px;display:block;position:absolute;}
span{behavior:url(/uploadfile/iepngfix.htc)}

<divclass="frame-block"><span></span>www.ckuyun.com</a> 转载请说明出处</h3></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
大大增加了开发时间,同时也增加了开发成本。当然如果你是一个熟手,或者可以白天黑夜都加班而不用担心没有加班费,那可能不会。
分手快乐 该用户已被删除
沙发
发表于 2015-1-18 07:03:44 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
飘飘悠悠 该用户已被删除
板凳
发表于 2015-1-25 07:32:11 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
兰色精灵 该用户已被删除
地板
发表于 2015-2-2 18:20:37 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
老尸 该用户已被删除
5#
发表于 2015-2-8 04:44:32 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
精灵巫婆 该用户已被删除
6#
发表于 2015-2-24 16:45:45 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
简单生活 该用户已被删除
7#
发表于 2015-3-7 13:06:05 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
第二个灵魂 该用户已被删除
8#
发表于 2015-3-15 07:28:54 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
爱飞 该用户已被删除
9#
发表于 2015-3-21 23:38:54 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-6-11 21:48

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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