OJD Education, Lucknow Branch
Відкрити в Telegram
OJD Education 🖥 Best Computer Institution in Lucknow for Nielit O Level CCC Tally Digital Marketing Python Java PHP Training Machine Learning, Artificial intelligence Graphic Designing , C C++ and Manny Course
Показати більше630
Підписники
Немає даних24 години
+27 днів
+230 днів
Архів дописів
Attendance For Batch:2366
Time:5-6 Pm MWF
Course:Web Design
Topics:Chapter-CSS-block properties
Faculty:Dharmendra Sir.
Please Mark your Attendance First
Attendance For Batch:2391
Time:11-12(MWF)
Course:IOT
Topics:Chapter-3
Faculty:Dharmendra Sir.
Please Mark your Attendance First
1-Background-color
2-background-image
3-background-repeat
4-background-position
5-background-attachment
6-background-size
------------------------------------------------------------------------------------------------------------------------------------------------------
1-background-color-
Properties-
1-color-specify background color
2-transparent-default value.that background color should be transparent.
3-Initial-Sets color property to its,s default value
4-Inherit-Inherits this property from parents elements
hsl(hue, saturation, lightness)
-
hue --> Defines a degree on the color wheel (from 0 to 360) - 0 (or 360) is red, 120 is green, 240 is blue
saturation-->Defines the saturation; 0% is a shade of gray and 100% is the full color (full saturation)
lightness-->Defines the lightness; 0% is black, 50% is normal, and 100% is white
Eg-
background-color: red;
background-color: #0000ff;
background-color: rgb(0, 255, 0);
background-color: rgba(0, 255, 0, 0.5);
background-color: transparent;
background-color: hsl(0, 100%, 50%);
background-color: hsla(0, 100%, 50%, 0.1);
--------------------------------------------------------------------------------------------------------------------------------------------------------
2-background-image-
background-image: url('paper.gif');
background-image: url('img_tree.gif'), url('paper.gif');
background-image: conic-gradient(red, yellow, green);
background-image: radial-gradient(red, green, blue);
background-image: repeating-conic-gradient(red 10%, yellow 20%);
background-image: repeating-linear-gradient(red, yellow 10%, green 20%);
background-image: repeating-radial-gradient(red, yellow 10%, green 15%);
--------------------------------------------------------------------------------------------------------------------------------------------------
3-background-repeat-
background-repeat: repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: no-repeat;
background-repeat: space;
background-repeat: round;
Initial
The header above and this paragraph is inside a DIV element, The DIV element has the color property set to "red". The header element has its color property set to "initial", which in this case is "black".
Attendance For Batch:2384
Time:10-11(MWF)
Course:Web Design
Topics:CSS-background properties
Faculty:Dharmendra Sir.
Please Mark your Attendance First
Attendance For Batch: 2397
Time: 10AM - 11AM (MWF)
Course: .Net Framework (Web Design)
Today's Topics: CSS Sub Selectors and Methods
Faculty: Gautam Sir.
Please Mark your Attendance First.
Attendance For Batch: 2381
Time: 9AM - 10AM (TTS)
Course: Excel Basic + Advance
Today's Topics: Practice on Syntex and Wild Card Entry
Faculty: Gautam Sir.
Please Mark your Attendance First.
Batch 2390 Basic IT Tools
Introduction on MS Word
Time: 09:00AM - 10:00AM
Faculty: Abhishek Raj Nigam Sir
Use Of marker selector
- Coffee
- Tea
- Milk
- First
- Second
- Third
<html>
<head>
<style>
<head>
<style>
.div-table {
display: table;
width: auto;
background-color: #eee;
border: 1px solid #666666;
border-spacing: 5px;
}
.div-table-row {
display: table-row;
width: auto;
}
.div-table-col {
float: left; /* fix for buggy browsers */
display: table-column;
width: 200px;
}
</style>
</head>
<body>
<body>
<div class="div-table">
<div class="div-table-row">
<div class="div-table-col" align="center">Customer ID</div>
<div class="div-table-col">Customer Name</div>
<div class="div-table-col">Customer Address</div>
</div>
<div class="div-table-row">
<div class="div-table-col">001</div>
<div class="div-table-col">002</div>
<div class="div-table-col">003</div>
</div>
<div class="div-table-row">
<div class="div-table-col">xxx</div>
<div class="div-table-col">yyy</div>
<div class="div-table-col">www</div>
</div>
</div>
</body>
</html>
</body>
</html>
diplay:table
<html>
<head>
<style>
.grid-container {
display:inline-grid;
grid-template-columns: auto auto auto auto;
gap: 10px;
background-color: #7c7c7c;
padding: 10px;
border: 1px solid red;
}
.grid-container > div {
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid red;
text-align: center;
font-size: 30px;
}
</style>
</head>
<body>
<h1>Grid Container</h1>
<p>A Grid Container consists of grid items arranged in columns and rows</p>
<div class="grid-container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</div>
<p>Direct child elements(s) of the grid container automatically becomes grid items.</p>
</body>
</html>
