如果你是用CSS3.0的话,就看楼上
如果是CSS2.2的话,我可以简单写一个
制作圆角矩形,分上中下裁成三张图
<title>CSS3实现圆角</title> <style type="text/css"> #box{ width:200px; height:30px; background:url("../images/bt_bottom.jpg") no-repeat left bottom; } #box h1{ width:200px; height:20px; text-indent:-9999px; background:url("../images/.jpg") no-repeat ; } /*下面这个是中间平铺的图,如果是纯色的话,可以直接写颜色值,也可以直接在上述box的背景上写上背景颜色*/ #box div#content{ width:200px; height:200px; background:url("../images/bt_bg.jpg") repeat-y; } </style> </head> <body> <div id="box"> <h1>标题</h1> <div id="content"></div> </div> </body> </html>
我也是初学者,可能不是太全面,希望您能看懂~~
貌似只有CSS3才能够实现圆角矩形吧。
你可以在css中分成3段,前后两段用图片做背景成为圆角,中间用矩形。
介绍:御速云成立于2021年的国人商家,深圳市御速信息技术有限公司旗下品牌,为您提供安全可靠的弹性计算服务,随着业务需求的变化,您可以实时扩展或缩减计算资源,使用弹性云计算可以极大降低您的软硬件采购成本,简化IT运维工作。主要从事VPS、虚拟主机、CDN等云计算产品业务,适合建站、新手上车的值得选择,拥有华东江苏、华东山东等国内优质云产品;香港三网直连(电信CN2GIA联通移动CN2直连);美国高...
wordpress外贸集团企业主题,wordpress通用跨屏外贸企业响应式布局设计,内置更完善的外贸企业网站优化推广功能,完善的企业产品营销展示 + 高效后台自定义设置。wordpress高级推广外贸主题,采用标准的HTML5+CSS3语言开发,兼容当下的各种主流浏览器,根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行自适应显示; 完美实现一套主题程序支持全部终端设备,保证网站在各...
官方网站:点击访问创梦网络宿迁BGP高防活动方案:机房CPU内存硬盘带宽IP防护流量原价活动价开通方式宿迁BGP4vCPU4G40G+50G20Mbps1个100G不限流量299元/月 209.3元/月点击自助购买成都电信优化线路8vCPU8G40G+50G20Mbps1个100G不限流量399元/月 279.3元/月点击自助购买成都电信优化线路8vCPU16G40G+50G2...