<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <TITLE>Untitled Document</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <STYLE type=text/css> { padding:0; margin:0; } .cssbox,.cssbox_head,.cssbox_head h2{ background: transparent url(http://www.webjx.com/upfiles/20070630/20070630213028_01.png) no-repeat; } .cssbox{ background-position:bottom right; width:380px; margin:20px auto; } .cssbox_head{ background-position:top right; padding-right:10px; } .cssbox_head h2{ background-position:top left; padding:10px 0 10px 10px; } </STYLE> <META content="MSHTML 6.00.2900.2995" name=GENERATOR> </HEAD> <BODY> <DIV class=cssbox> <DIV class=cssbox_head> <H2>标题</H2> </DIV> <DIV class=cssbox_body> <P>内容</P> </DIV> </DIV> </BODY> </HTML>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

第四步
　　这一步和第三步很相似，这里就不会在犯错误了，根据实际情况只能选用第一种方法．
　　css代码

*{
padding:0;
margin:0;
}
.cssbox,.cssbox_head,.cssbox_head h2,.cssbox_body{
background: transparent url(http://www.webjx.com/upfiles/20070630/20070630213028_01.png) no-repeat;
}
.cssbox{
background-position:bottom right;
width:380px;
margin:20px auto;
}
.cssbox_head{
background-position:top right;
padding-right:10px;
}
.cssbox_head h2{
background-position:top left;
padding:10px 0 10px 10px;
}
.cssbox_body{
background-position:bottom left;

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

上一篇:问题解决:无法载入MYSQL扩展，请检查PHP配置

下一篇:用CSS打造一个超酷的具有立体感效果的导航

网页制作实例CSS用一张图片实现圆角相关文章：

·为什么iexplore.exe在打开网页时CPU使用会100%？

·DIV CSS网页布局实例：十步学会用CSS建站

·Photoshop十余种漂亮照片边框简单制作技巧

·教你如何制作QQ空间FLASH导航条

·如何实现局域网打印机共享

·Photoshop实例：制作超酷影片画面场景

网页制作实例CSS用一张图片实现圆角相关软件：

·暗黑破坏神 2：毁灭之王 1.10S极品属性装备制作器

·家常菜制作集锦(1)

·Dreamweaver 网页设计

·家常菜制作集锦(2)

·启动光盘制作完全手册（菜鸟先飞图文教材系列）

·中文版Excel 2003实例与技巧

·多种dos启动盘制作全攻略

·photoshop cs 超梦幻网页创意宝典

·Flash MX 动画制作实例教程

·周恩来总理经典图片集

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

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