کادر دیدگاه - ۩۞۩تهیه و تنظیم تک دونه طرح۩۞۩

کادر دیدگاه

html
<div class="shadow">
<img src="shadowimg.jpg" alt="تصویر مورد نظر">
</div> 

<style>

body
{
margin:40px 40px; /* top,left margins to display the image*/
}
div.shadow
{
float: left; /* Align the div(container of the image) left */
padding: 0 5px 5px 0; 
}
div.shadow img
{
display: block; /* Set the display type of the div(image) */
position: relative; /* Attributes which is used for positioning the image(relative,obsulte,..) */
top: -2px; /* Position the image from the top */
left:-2px;/* Position the image from the left */
padding:8px; /* Main attribute of this css, which will specify the border size of the image*/
background:#FFF; /* Attribute used to specify the color of the image border */
border:1px solid; /* Specify the image border(can specify the different styles)*/
border-color: #ccc #666 #666 #ccc /* specify the left,right,top,bottom color of the border */
} 

</style>

تاریخ : پنج شنبه 95/7/22 | 10:24 صبح | نویسنده : تڪ כـפּـنه طرᑐ | نظر