ಒಂದು ಟೇಬಲ್ನ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು

ಅನೇಕ ಅನನುಭವಿ ಅಥವಾ ಹವ್ಯಾಸಿ ವೆಬ್ ವಿನ್ಯಾಸಕರು ಮೇಜಿನ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸಬೇಕೆಂದು ತಿಳಿಯಬೇಕು. ನಿಮಿಷಗಳ ಕಾಲದಲ್ಲಿ, ಈ ತಂತ್ರವನ್ನು ಈ ಸಂಕ್ಷಿಪ್ತ ಟ್ಯುಟೋರಿಯಲ್ ಮೂಲಕ ಹೇಗೆ ಕಾರ್ಯಗತಗೊಳಿಸಬಹುದು ಎಂಬುದನ್ನು ನೀವು ಕಲಿಯಬಹುದು. ವಿಧಾನವು ತೋರುತ್ತದೆ ಎಂದು ಬೆದರಿಸುವಂತೆಯೇ ಇಲ್ಲ. ಟೇಬಲ್ನ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸುವುದು ನೀವು ಬಣ್ಣದ ಕೋಶ, ಸಾಲು ಅಥವಾ ಮೇಜಿನ ಮೇಲೆ ಒಂದು ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸುವುದರಿಂದ ಸರಳವಾಗಿದೆ.

ಪ್ರಾರಂಭಿಸುವುದು ಹೇಗೆ

ಗುಣಲಕ್ಷಣ bgcolor ಟೇಬಲ್ ಹಿನ್ನಲೆ ಬಣ್ಣವನ್ನು ಹಾಗೆಯೇ ಪ್ರಸ್ತುತ ಟೇಬಲ್ ಸಾಲು ಅಥವಾ ಪ್ರಸ್ತುತ ಟೇಬಲ್ ಸೆಲ್ ಬದಲಾಗುತ್ತದೆ. ಆದರೆ bgcolor ಗುಣಲಕ್ಷಣವನ್ನು ಶೈಲಿಯ ಹಾಳೆಗಳಿಗೆ ಪರವಾಗಿ ಅಸಮ್ಮತಿ ನೀಡಲಾಗಿದೆ, ಆದ್ದರಿಂದ ಟೇಬಲ್ನ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು ಇದು ಅತ್ಯಂತ ಸೂಕ್ತವಾದ ಮಾರ್ಗವಲ್ಲ. ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು ಉತ್ತಮ ಮಾರ್ಗವೆಂದರೆ ಶೈಲಿ ಆಸ್ತಿ ಹಿನ್ನೆಲೆ-ಬಣ್ಣವನ್ನು ಟೇಬಲ್, ಸಾಲು ಅಥವಾ ಸೆಲ್ ಟ್ಯಾಗ್ಗೆ ಸೇರಿಸುವುದು. ಹೇಗೆಂದು ತಿಳಿಯಲು ಕೆಳಗಿನ ಉದಾಹರಣೆಯನ್ನು ನೋಡಿ.

ಕೆಲವು ಕಾರಣಕ್ಕಾಗಿ, ಶೈಲಿಯ ಆಸ್ತಿ ಹಿನ್ನೆಲೆ-ಬಣ್ಣವನ್ನು ಟೇಬಲ್ಗೆ ಸೇರಿಸಲು ನೀವು ಬಯಸದಿದ್ದರೆ, ಆಯ್ಕೆಮಾಡುವ ಪರ್ಯಾಯಗಳು ಇವೆ. ಉದಾಹರಣೆಗೆ, ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನ ತಲೆಯ ಅಥವಾ ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ನೀವು ಶೈಲಿಗಳನ್ನು ಹೊಂದಿಸಬಹುದು. ಕೆಳಗಿನವುಗಳನ್ನು ನೋಡಿ:

ಟೇಬಲ್ {ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: # ff0000; } tr {background-color: yellow; } td {background-color: # 000; }

ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಲಾಗುತ್ತಿದೆ

ಒಂದು ಕಾಲಮ್ನಲ್ಲಿ ಹಿನ್ನಲೆ ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಲು ಉತ್ತಮವಾದ ವಿಧಾನವೆಂದರೆ ಶೈಲಿ ವರ್ಗವನ್ನು ರಚಿಸುವುದು ಮತ್ತು ಆ ಕಾಲಮ್ನಲ್ಲಿ ಕೋಶಗಳಿಗೆ ವರ್ಗವನ್ನು ನಿಗದಿಪಡಿಸುವುದು. ಇದನ್ನು ಹೇಗೆ ಮಾಡಬೇಕೆಂದು ತಿಳಿಯಲು ಕೆಳಗಿನ ಉದಾಹರಣೆಗಳನ್ನು ನೋಡಿ.

ಸಿಎಸ್ಎಸ್:

td.blueCol {background-color: blue; }

HTML:

class = "blueCol" > ಕೋಶ 1 ಕೋಶ 2
class = "blueCol" > ಕೋಶ 1 ಕೋಶ 2

ಅಪ್ ಸುತ್ತುವುದನ್ನು

ನೀವು ಮೊದಲು ಟೇಬಲ್ನ ಹಿನ್ನಲೆ ಬಣ್ಣಗಳನ್ನು ಎಂದಿಗೂ ಬದಲಾಯಿಸದಿದ್ದರೂ ಸಹ, ಈ ವಿಧಾನವನ್ನು ನಿಮ್ಮ ಸ್ವಂತ ರೀತಿಯಲ್ಲಿ ಪ್ರಯತ್ನಿಸಲು ನೀವು ಮೇಲಿನ ಉದಾಹರಣೆಗಳನ್ನು ನಕಲಿಸಬಹುದು. ಪ್ರಸ್ತುತಪಡಿಸಲಾದ ವಿಭಿನ್ನ ಆಯ್ಕೆಗಳನ್ನು ಪ್ರಯತ್ನಿಸಿ ಮತ್ತು ನೀವು ಅಂತಿಮವಾಗಿ ಆರಾಮದಾಯಕವಾದ ಅನುಭವವನ್ನು ಹೊಂದಿರುವ ಒಂದುದನ್ನು ಆರಿಸಿಕೊಳ್ಳಿ. ಮತ್ತು ನೀವು HTML ಕೋಷ್ಟಕಗಳ ಬಗ್ಗೆ ಹೆಚ್ಚಿನ ಮಾಹಿತಿ ಬಯಸಿದರೆ, ಹೆಚ್ಚಿನ ವಿವರಗಳಿಗಾಗಿ ಈ FAQ ಅನ್ನು ಸಂಪರ್ಕಿಸಿ.