Midabada Asalka CSS

CSS waxay bixisaa habab badan oo lagu habayn karo midabka asalka ee curiyaha HTML. Waxaad isticmaali kartaa magacyo midab caadi ah, qiimaha hexadecimal (hex), qiimaha RGB, ama qiimaha HSL.

/* Isticmaalka magaca midabka */
body {
  background-color: lightblue;
}
/* Isticmaalka qiimaha hexadecimal /
h1 {
background-color: #e6e6e6; / Midab cirro khafiif ah */
}
/* Isticmaalka qiimaha RGB /
p {
background-color: rgb(255, 255, 0); / Midab huruud ah */
}

Sawirada Asalka CSS

Waxaad sidoo kale ku dari kartaa sawir asalka curiye HTML. Waxaa jira sifooyin badan oo aad isticmaali karto si aad u xakamayso sida sawirka loo soo bandhigo.

• background-image: Waxay qeexdaa sawirka loo isticmaalayo asalka.
• background-repeat: Waxay xakamaysaa sida sawirka asalka loo celceliyo (tusaale, celcelis toosan, celcelis toosan, ama aan la celcelin).
• background-position: Waxay qeexdaa booska bilowga ee sawirka asalka.
• background-size: Waxay qeexdaa cabbirka sawirka asalka.

body {
  background-image: url("sawir.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

Tusaalahan, waxaan ku darnay sawir asalka ah bogga oo dhan, waxaan ka joojinnay inuu celceliyo, waxaana dhignay bartamaha, waxaana cabbirnay si uu u daboolo bogga oo dhan.

Isku-darka Midabada iyo Sawirada

Waxaad isku dari kartaa midabada iyo sawirada asalka si aad u abuurto nashqado adag.

div {
  background-color: rgba(0, 0, 0, 0.5); /* Madow hufan */
  background-image: url("qaab.png");
  background-repeat: repeat;
}

Tusaalahan, waxaan ku darnay midab madow oo hufan oo leh sawir qaabaysan oo celcelis ah.