ایجاد یک آلبوم عکس

در این پست می خواهم ایجاد یک آلبوم عکس با استفاده از Css را توضیح بدهم ، برای این کار کافیست که یک عکس را به عنوان عکس پس زمینه جهت عکسهای خود انتخاب کنید به عنوان مثال من عکس زیر را به عنوان پس زمینه انتخاب کرده ام.

سپس با استفاده از تگ div در سند HTMLهمانطور که در زیر نیز آورده شده است عکسها را در متن خود قرار می دهیم.

<div class="backgroundpic">

<img src="one photo " />

<p> a family pic 0 </p>

</div>

<div class="backgroundpic">

<img src=Another photo />

<p> a family pic 1 </p>

</div>

سپس با استفاده از Css در قسمت Head صفحه سایت خود و قرار دادن کدهای زیر می توانیم آلبوم عکس خود را ببینیم

<style type="text/css">

div.backgroundpic{

width:130px;

float:left;

margin: 0 10px 10px 0;

background-image:url(backpic.gif) no-repeat;

}

</style>