సిఎస్ఎస్ బ్యాక్గ్రౌండ్
- ముందస్తు పేజీ సిఎస్ఎస్ హెస్ఎల్ రంగులు
- తదుపరి పేజీ సిఎస్ఎస్ బ్యాక్గ్రౌండ్ చిత్రం
CSS బ్యాక్గ్రౌండ్ గుణాలు పరిణామాలకు బ్యాక్గ్రౌండ్ ప్రభావాన్ని నిర్ణయిస్తాయి.
ఈ భాగాలలో, మీరు ఈ పరిణామాలను నేర్చుకుంటారు:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
CSS background-color
background-color గుణం పరిణామాల బ్యాక్గ్రౌండ్ రంగును నిర్ణయిస్తుంది.
ఉదాహరణ
పేజీ యొక్క బ్యాక్గ్రౌండ్ రంగు సెట్ చేయబడింది ఇలా:
body {
background-color: lightblue;
}
CSS ద్వారా, రంగులను కనీసం ఈ విధంగా నిర్ణయిస్తారు:
- సరైన రంగు పేర్లు - ఉదాహరణకు "red"
- హెక్సాడెసిమల్ విలువలు - ఉదాహరణకు "#ff0000"
- RGB విలువలు - ఉదాహరణకు "rgb(255,0,0)"
చూడండి CSS కలర్ విలువలుపూర్తి పరిమాణంలో రంగు విలువలను పొందండి.
ఇతర పరిణామాలు
మీరు ఏ హెచ్ఎంఎల్ పరిణామానికి బ్యాక్గ్రౌండ్ రంగును సెట్ చేయవచ్చు:
ఉదాహరణ
ఇక్కడ, <h1> మరియు <p> మరియు <div> పరిణామాలు వేరే బ్యాక్గ్రౌండ్ రంగులను కలిగి ఉంటాయి:
h1 {
background-color: green;
}
div {
background-color: lightblue;
}
p {
background-color: yellow;
}
అనుపాతం / పారదర్శకత
opacity అనే గుణం పరిణామాలకు అనుపాతం/పారదర్శకతను నిర్ణయిస్తుంది. విలువలు 0.0 - 1.0 మధ్య ఉంటాయి. విలువ తక్కువది అంటే పారదర్శకంగా ఉంటుంది:
ఉదాహరణ
div {
background-color: green;
opacity: 0.3;
}
మెరుగుదలలు:ఉపయోగించండి opacity పరిణామాలు పై పారదర్శకతను సెట్ చేసినప్పుడు, అన్ని ఉపఘటకాలు అదే పారదర్శకతను ఉంచుతాయి. ఇది పూర్తిగా పారదర్శకమైన పరిణామంలోని టెక్స్ట్ చదవడానికి అవసరమైనది.
RGBA యొక్క పారదర్శకత
ఉపఘటకాలపై పారదర్శకతను ఆపాదించడానికి ఉదాహరణకు పై ఉదాహరణ, ఉపయోగించండి: RGBA రంగు విలువ. దిగువ ఉదాహరణలో బ్యాక్గ్రౌండ్ రంగును సెట్ చేయడానికి టెక్స్ట్ యొక్క పారదర్శకతను సెట్ చేయడానికి ముందుకు వెళ్ళవద్దు:
您从我们的 సిఎస్ఎస్ రంగులు 章节中学到了可以将 RGB 用作颜色值。除 RGB 外，还可以将 RGB 颜色值与 alpha 通道一起使用（RGBA） - 该通道指定颜色的不透明度。
RGBA 颜色值指定为：rgba(red, green, blue, alpha)。alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。
హిందూస్తాన్మీరు మా సిఎస్ఎస్ రంగులు మీరు RGBA రంగులపై మరింత తెలుసుకోవచ్చు. ఒక చాప్పులో నేను RGBA రంగులను ఉపయోగించడాన్ని నేను నేర్పించాను.
ఉదాహరణ
div {
background: rgba(0, 128, 0, 0.3) /* 30% అనుభవంలేని పసుపు బ్యాక్గ్రౌండ్ */
}
- ముందస్తు పేజీ సిఎస్ఎస్ హెస్ఎల్ రంగులు
- తదుపరి పేజీ సిఎస్ఎస్ బ్యాక్గ్రౌండ్ చిత్రం
