热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

如何设置样式为一个漏口的四边形

漏口的四边形:11111111111
漏口的四边形:111111111
                         1
                                               1
                            1                 1            
                            1                 1
                            1                  1
                            111111111   
怎么使用html+css画出来呢?
1.我们设置div的宽和高,还有border,然后设置border-left为none;
2.我们使用一个图片,图片的位置在360buy_nav文件夹的shadow_border.gif;其实这个图片就是一条竖线啦,我们只需要图片的偏移就好。
3.设置div的background: background: url(shadow_border.gif) no-repeat 0 21px;
这里的0 和 21px是指x轴和y轴的偏移
推荐阅读
author-avatar
Huibin_Yu_421
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有