CSS制作斜角上有背景图片的Div层_层和布局特效
CSS控制一个Div的斜角处出现一个不规则的图片，DIV是不是漂亮多了？实现方法也不是太复杂，这里有个问题先说一下，本代码段用的是一张JPG格式的图片，有可能会遮挡文字，你在用的时候，最好处理一个JPG为PNG透明格式，这样显示在图片处的文字不会被遮挡，完美了！<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>CSS制作斜角上有背景图片的Div层</title> <style> .window{ width:400px; border:1px solid #B6B6C0; position:relative; } .title{ background:#F0F0F2; height:30px; border-bottom:1px solid #CBCFD2; font-size:14px; line-height:30px; text-indent:1em; } .body{ height:100px; font-size:12px; padding:8px; } .flag{ 1122123<img src=http://p1.mb5u.com/texiao/3/20100522231330317.jpg _fcksavedurl=http://p1.mb5u.com/texiao/3/20100522231330317.jpg>2244234background:url(http://p1.mb5u.com/texiao/3/20100522231330317.jpg) no-repeat 100% 0; height:55px; width:55px; position:absolute; right:0; top:0; } </style> </head> <body> <div class="window"> <div class="flag"></div> <div class="title">模板无忧</div> <div class="body">模板无忧（mb5u.com）提供各类网页模板、视频教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。</div> </div> </body> <script> </script> </html>
。