قراردادن یک تصویر در جای مشخص با CSS

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

img-fix2

قراردادن یک تصویر در جای مشخص با CSS
در آموزش صفت position به طور کامل نحوه قرار گیری عناصر در صفحه را توضیح داده ام . در این جلسه می خواهم با یک مثال ساده نحوه قرار گیری یک تصویر در موقعیت مورد نظر را توضیح بدهم .

 

 

 

 

 

 

<html>
<head>
<style type='text/css'>
body
{
background-image : url (img_tree.jpg);
background-repeat : no-repeat;
background-position : right top;
margin-right : 200px;
}
</style>
</head>
<body>
<h1>قراردادن تصویر در قسمت مورد نظر </h1>
<p>تصویر روبرو در قسمت راست بالای صفحه قرار گرفته است </p>
</body>
</html>

 



مشاهده دمو

آخرین بروز رسانییکشنبه, 10 خرداد 1394 13:51

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا