సిఎస్ఎస్ బ్యాక్గ్రౌండ్ రిపీట్
- ముంది పేజ్ సిఎస్ఎస్ బ్యాక్గ్రౌండ్ ఇమేజ్
- తదుపరి పేజ్ సిఎస్ఎస్ బ్యాక్గ్రౌండ్ అటాచ్
CSS background-repeat
అప్రమేయంగాbackground-image అనునది హరిదిరంగా మరియు ఉన్నిరంగా చిత్రాన్ని పునరావృతం చేస్తుంది అనే అంశం విశేషం
కొన్ని చిత్రాలు కేవలం హరిదిరంగా లేదా ఉన్నిరంగా పునరావృతం అవసరం, లేక అప్పుడు వాటికి అసాధారణంగా కనిపిస్తాయి, మరియు ఈ విధంగా ఉంటాయి:
ఉదాహరణ
body {
background-image: url("gradient_bg.png");
}
పైని చిత్రం అంతర్గతంగా సరికొన్ని స్థానాల్లో మాత్రమే పునరావృతం అవుతుంది అని అంటే (background-repeat: repeat-x;) ఉంటే, బ్యాక్గ్రౌండ్ గుర్తింపు మంచిది కాగలదు:
ఉదాహరణ
body {
background-image: url("gradient_bg.png");
background-repeat: repeat-x;
}
హెచ్చరికనిర్దిష్టంగా ఎగువన చిత్రాన్ని వర్గంగా కాపీ చేయాలి అని అంటే background-repeat: repeat-y;。
CSS background-repeat: no-repeat
background-repeat 属性还可指定只显示一次背景图像：
ఉదాహరణ
背景图像仅显示一次：
body {
background-image: url("tree.png");
background-repeat: no-repeat;
}
在上例中，背景图像与文本放置在同一位置。我们想要更改图像的位置，以免图像过多干扰文本。
CSS background-position
background-position అట్రిబ్యూట్ బ్యాక్గ్రౌండ్ ఇమేజ్ యొక్క స్థానాన్ని నిర్దేశిస్తుంది。
ఉదాహరణ
బ్యాక్గ్రౌండ్ ఇమేజ్ ను ఉపరితల మూల మూలానికి చేర్చండి:
body {
background-image: url("tree.png");
background-repeat: no-repeat;
background-position: right top;
}
- ముంది పేజ్ సిఎస్ఎస్ బ్యాక్గ్రౌండ్ ఇమేజ్
- తదుపరి పేజ్ సిఎస్ఎస్ బ్యాక్గ్రౌండ్ అటాచ్
