css如何给图片加边框?

css给图片加边框的方法:可以直接通过给img标签设置border属性来添加图片边框。下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

border是一个简写属性,可以在一个声明设置所有的边框属性。如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。

border属性可能值:

  • border-width:规定边框的宽度。

  • border-style:规定边框的样式。

  • border-color :规定边框的颜色。

示例:通过css给img图片设置border属性来添加边框

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
img {
	border:5px solid red;
   }
</style>
</head>
<body>


<p>设置图片边框</p>

<img src="paris.jpg-600" alt="Paris" width="400" height="300">

</body>
</html>

效果图:

1 (2).jpg-600

以上就是css如何给图片加边框?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑