当前位置:编程学习 > html/css >>

HTML css div 如图

如图,此网页的每个小模块,比如welcome to our website 那一块,它的背景图片是那种边缘弧形的很漂亮。我不知道怎么弄,如果直接在div里加图片,那么 不好控制大小啊,因为网站的内容动态会定时修改,那个小模块的内容会有时多,有时候少,不好控制呢,难道是背景图片平铺吗?
答案:-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 2px solid #333;
加上以上代码,div自然就会变成圆角了。
缺陷:上述代码是专为mozilla/webkit浏览器(如firefox、maxthon、safari、chrome、opera)设计的,IE/IE内核浏览器目前不支持这种圆角效果。
其他:百谷一下,div圆角,会有N多的发现 设置固定高度。。。你的内容不可能永远都空着吧! 想实现这种效果有很多方法,二楼的方法可以。
但是我认为还是把它做成图片最好。你css控制的块的大小,最好图片和快的大小一样,这样不容易出错,也好拼出想要的效果。
你里面的每一个内容块,最好都做成单独的div,这样方便控制。 

上一个:css 我想定义某一特定id的链接css样式 但不能影响其他的 怎么写?
下一个:本人想拜师学习html、css、php、网页制作等知识

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,