CloseTag | الشروحات | CSS | الصور في لغة CSS | CSS Images

<!DOCTYPE html>
<html>
<head>
<style>
img 
{
  border: 1px solid #ddd;
  border-radius: 4px;
  display:block;
margin:auto;
  padding: 5px;
  width: 200px;
}

img:hover
{
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

div
{
width:50%;
margin:auto;
}
</style>
</head>
<body>

<div>
  <a target="_blank" href="paris.jpg">
    <img src="https://www.closetag.com/images/mango.jpg">
   </a>
<div>

</body>
</html>