CSS-div实现的圆角边框(一)

先看图片，第一种要用到的图片：


第一种方法用的是九宫格技术，原理就是通过背景图片的百分比定位，用四个div进行嵌套，然后给最外层的div背景颜色，这个方法的自适应很好，横向纵向都能自适应。

 HTML代码

 

  

   

    佳能EOS450D凭借其装备了1220万像素APS-C尺寸CMOS影像传感器，新的9点自动对焦系统中央一点为十字检测点，搭载了流行的 Liveview功能，3英寸LCD，DIGIC III处理器的高性能再加上套机5500左右的市场售价，在入门级数码单反相机中极具吸引力，新加入了点测，反光板预锁等以往在入门级机身上很难出现的功 能，可以预测，EOS450D成为入门级市场焦点也是顺理成章的事情。机身做工精细，握持手感好，按键排布合理，操控便捷，人机界面友好，功能强大，性价 比高，LCD效果良好，色彩还原准确，ISO100-ISO800成像质量都较为优秀，噪点轻微。    
   

  

 

 

 

这个圆角框可以自由伸展，四个方向都能自适应（拖动浏览器大小试试）

 

返回骑士的博客

 

这种方法是IE6下的一个bug，但是这个bug一般情况下只有在运用了position之后才会产生，这里没有position的存在不知道为什么也会出现，具体原因有待研究。
先说解决方法，
针对IE6给一个HACK
* html p{ position:relative;}
还有一个方法
.lt{ background:#014477 url() 0 0 no-repeat; zoom:1;}
通过这个方法能够解决来看，还是haslayout的问题