189 8069 5689
如何为通过css为图片设置一个边框呢，HTML中是通过标记的border属性值，给图片添加边框的，css中是通过border属性，为图片设置各式各样的边框样式，border-style定义边框的样式，如虚线、实线或点划线等等。
成都创新互联长期为成百上千客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为定州企业提供专业的网站制作、成都网站建设，定州网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
border-radius：上左，上右，下右，下左；下面我们利用border-radius绘制一些大家平时常见的图片。
HTMLCSSimg.double-border {border： 5px solid #ddd；padding： 5px；background： #fff；} 图片外框效果 webdesignerwall点抗 上有最好的讲解，这个效果是基于在上面层叠一个有透明度的图片的技术。
border：1px solid #fc6；} .img_boder a：hover{ border：1px solid #f00；} 你再试试。看一下伪类和伪类选择符号你能更好的明白这个原理。
1、新建一个元素，随便什么元素，不过我习惯性的会用块元素来做。如果行内元素就display：block它。把它的宽高设置为height：0px； width：0px；设置边框border属性，用来实现三角形。
2、首先我们新建一个100x100的正方形div，为了方便我们查看，设置一个背景颜色。
3、如何利用CSS实现三角形效果：建议：尽可能的手写代码，可以有效的提高学习效率和深度。有时候我们经常发现有些矩形的某个地方会出现三角形效果，感觉挺神奇的，当然可以使用背景图片实现，这里简单介绍一下不采用背景图片的效果。
1、给div添加一个class，比如div class=content/div，然后在css文件里写上：.content{width：600px；height：400px；background：red；}就可以了。
2、width（宽度）：设置元素的宽度。可以使用像素（px）、百分比（%）或其他单位来指定宽度值。 height（高度）：设置元素的高度。同样可以使用像素、百分比或其他单位来指定高度值。
3、新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
4、设置边框和背景色需要使用css的border和background属性。
5、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。
6、border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。宽度即为边框宽度。