CSS ﻪﻨﯿﻣﺯ ﺲﭘ ﺮﯾﻮﺼﺗ

فهرست مطالب

CSS ﻪﻨﯿﻣﺯ ﺲﭘ ﺮﯾﻮﺼﺗ

.ﺪﻨﮐﯽﻣ ﺺﺨﺸﻣ ﺮﺼﻨﻋ ﮏﯾ ﻪﻨﯿﻣﺯﺲﭘ ﻥﺍﻮﻨﻋ ﻪﺑ ﻩﺩﺎﻔﺘﺳﺍ ﯼﺍﺮﺑ ﺍﺭ ﯼﺮﯾﻮﺼﺗ

.ﺪﻫﺩ ﺶﺷﻮﭘ ﺍﺭ ﺮﺼﻨﻋ ﻞﮐ ﺎﺗ ﺩﻮﺷ ﯽﻣ ﺭﺍﺮﮑﺗ ﺮﯾﻮﺼﺗ ،ﺽﺮﻓ ﺶﯿﭘ ﺭﻮﻃ ﻪﺑ

`ﻝﺎﺜﻣ`

:ﻪﺤﻔﺻ ﮏﯾ ﯼﺍﺮﺑ ﻪﻨﯿﻣﺯ ﺲﭘ ﺮﯾﻮﺼﺗ ﻢﯿﻈﻨﺗ

body {
  background-image: url("paper.gif");
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("paper.gif");
}
</style>
</head>
<body>

<h1>Hello World!</h1>

<p>This page has an image as the background!</p>

</body>
</html>

`ﻝﺎﺜﻣ`

ﺖﺴﻫ ﻦﺘﻣ .ﺪﻫﺩﯽﻣ ﻥﺎﺸﻧ ﺍﺭ ﻪﻨﯿﻣﺯﺲﭘ ﺮﯾﻮﺼﺗ ﻭ ﻦﺘﻣ ﺯﺍ ﯼﺪﺑ ﺐﯿﮐﺮﺗ

body {
  background-image: url("bgdesert.jpg");
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("bgdesert.jpg");
}
</style>
</head>
<body>

<h1>Hello World!</h1>
<p>This text is not easy to read on this background image.</p>

</body>
</html>

ﻪﺟﻮﺗ: ﺲﭘ ﺮﯾﻮﺼﺗ ﺯﺍ ﻩﺩﺎﻔﺘﺳﺍ ﻡﺎﮕﻨﻫﺪﻨﮑﻧ ﻞﺘﺨﻣ ﺍﺭ ﻦﺘﻣ ﻪﮐ ﺪﯿﻨﮐ ﻩﺩﺎﻔﺘﺳﺍ ﯼﺮ

:<p> ﺮﺼﻨﻋ ﺪﻨﻧﺎﻣ ،ﺩﺮﮐ ﻢﯿﻈﻨﺗ ﯽﺻﺎﺧ ﺮﺻﺎﻨﻋ ﯼﺍﺮﺑ ﻥﺍﻮﺗﯽﻣ ﺰﯿﻧ ﺍﺭ ﻪﻨﯿﻣﺯﺲﭘ ﺮﯾﻮ

`ﻝﺎﺜﻣ`

 p {
  background-image: url("paper.gif");
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
p {
  background-image: url("paper.gif");
}
</style>
</head>
<body>

<h1>Hello World!</h1>

<p>This paragraph has an image as the background!</p>

</body>
</html>

`CSS ﻪﻨﯿﻣﺯ ﺲﭘ ﺮﯾﻮﺼﺗ ﯽﮔﮋﯾﻭ`

background-image: ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﺮﺼﻨﻋ ﮏﯾ ﯼﺍﺮﺑ ﺍﺭ ﻪﻨﯿﻣﺯ ﺲﭘ ﺮﯾﻮﺼﺗ


  
    
      ← صفحه قبلی
    
    
      صفحه بعد →