•  
     

Imagem com uma borda - HTML e CSS

HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<title>Resultado</title>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
</head>
<body>
<h1>teste h1</h1>
<p>teste</p>
<img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg">
</body>
</html>


CSS

Código: Selecionar todos

h1{
font-family:Verdana,sans-serif;
color:#576D94;
}
P{
font-size:18px;
color:#4A4943;
font-family:Garamond,serif;
}
img{
width:300px;
height:100px;
border:1px solid #4682b4;
}


Demo: http://jsfiddle.net/2pmohkf5/