  }
.container a {
  font-size: 130%;
  color: #e70;
  }
　　通常情况，<em>是一个内联对象，不会自动扩展直至和父容器宽度相同，所以不能用于背景图片的载体。但能过添加规则display: block;，将<em>变成一个块级对象，强制让它内部的任何内容都延伸到框的边界，就能解决这个问题了。此外我们将框中的链接文字设置为橙色，并且比正常情况大——因为，不可破坏的链接就该是这样子。

　　图5-25是最后完成的框的效果，通过对齐两张背景图片，创建好了四个圆角。

　　图5-25 这就是我们的成品，“牢不可破”的矩形框

　　4.牢不可破的特性

　　正如Browse Happy例子那样的情况，请注意我们的圆角矩形框，根据其内部的文字大小和内容量的变化，能够在所有方向自由扩展和收缩。真正的牢不可破（图5-26）

　　图5-26 不管有多大的文字还是多少内容，框都可以扩大再扩大

（出处：清风网络学院）

上一页 [1] [2] [3] [4]

上一篇:安全吗?简析“视网膜密码”前沿技术

下一篇:用Photoshop滤镜把MM照片制作壁画效果

推荐好文：无懈可击的CSS圆角技术相关文章：

·做QQ高手，你应该了解的17种QQ技术

·黑客技术之知道对方IP入侵别人的电脑

·高手进阶，终极内存技术指南——完整/进阶版

·推荐：漂亮的手机上使用的墙纸图片分享下载

·基础知识初级黑客安全技术命令详解

·软件狗[Dongles]的加密与解密技术

·《FM2006》国外玩家的球员推荐+原创心得体会(中前场篇)

·可以胜任任何一家网吧技术主管的绝招

·[前锋]街头篮球大前锋完全技术指导进阶教程

·目前最好的JSP分页技术(考虑到数据库移植,并修正过效率)

推荐好文：无懈可击的CSS圆角技术相关软件：

·推荐《仙剑奇侠传四》原声音乐包

·电脑安装与维修实用技术1

·UML面向对象建模技术 csf 视频教程

·小说推荐

·推荐王菲全新大碟[将爱]

·嵌入式系统应用开发技术 wmv 视频教程

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源：http://www.viphot.com

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.viphot.com All Rights Reserved.	鄂ICP备05000083号Powered by:viphot