Question

css样式怎么去除图片自带的边框

图片本身就自带边框，设计师就在我旁边，用工具去掉很容易，可是如果我想自己去掉边框怎么办？CSS截取图片吗？记得可以截图片的，不会了！求教。
我是一窍不通啊，看看我下面的代码吧：原来是这样的：<div class="left"><p><img src="/static/images/succ_case/succ_case_01.jpg" alt=""/></p></div>
我现在加了一个背景样式： .jpg{background: url(/static/images/succ_case/line_01.jpg) 1px 1px; width:432;heigth: 242; }后面什么定位，覆盖，我就不懂了

Answer 1

要加分哦

img没边框css样式    img｛padding:0; border:0;margin:0;display:block;｝

截取是 比如图片上的边框是1px

.div｛background:url(图片地址) 1px 1px ;width:图片width-2;height:图片height-2;｝

alert("你懂了吗？")

Answer 2

.jpg{background: url(/static/images/succ_case/line_01.jpg) 1px 1px; width:432;heigth: 242; }
1px 1px的意思就是图片的左上角为坐标原点0px 0px,从位置是横向为1px，纵向围1px 开始横向432px的宽度，纵向为242px的高度范围内的图片显示在页面上。你图片是434px*244px，所以正好把一个像素的边框遮盖掉了！

Answer 3

如果图片是用作背景的话，可以用
background: url(demo.jpg) no-repeat;//背景图片不重复
background-position: 0 -280px;//截取图片的区域
}

Answer 4

直接用ps或者其他软件去掉不就可以了么，为什么反而去追求高难度的动作呢

追问

我知道啊，有设计师的，但是我记得可以想回顾一下CSS怎么弄得，才到公司上班，老板巡视看到我的图片有边框，叫我用CSS处理下，我无语啊，今天第一次写CSS，以前都是网上拉的，改改就好，现在自己写，都不会写了

追答

你要是非要用css的话只能把图片弄成背景了，然后再给背景定位下就可以了，让整个div盖住图片就行了

追问

我补充了问题，帮我看看啊。大哥

追答

就用上面那位仁兄的回答，那个就能解决你的问题

Answer 5

本身图片有问题..为什么不处理图片呢.....?.......用CSS反而复杂而且容易出问题

追问

我知道啊，有设计师的，但是我记得可以想回顾一下CSS怎么弄得，才到公司上班，老板巡视看到我的图片有边框，叫我用CSS处理下，我无语啊，今天第一次写CSS，以前都是网上拉的，改改就好，现在自己写，都不会写了

追答

你自己会用ps吗?自己用ps弄呗.是我就会这样....

追问

谢谢你了，我要继续用css，学习一下而已，ps没用过，落伍了，只对编程感兴趣，其他没兴趣学

追答

恩..明白...深造也是好的~~~