Posts

Height ,Width and Borders in CSS-HTML

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >           < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Height,Width and Borders </ title > < style > #firstpara {     background-color : rgb ( 124 , 207 , 124 );     height : 30px ;     width : 150px ; /* border:4px solid blue; */     /* border-color: red;     border-width: 4px;     border-style: solid; */     border-radius : 13px ; } #secondpara {     background-color : rgb ( 143 , 173 , 143 );     height : 30px ;     width : 200px ;   border-bottom : 4px solid blue ;   border-top : 4px solid rgb ( 104 , 104 , 143 );   border-left : 4px solid rgb ( 255 , 0 , 119 );   border-right : 4px solid rgb ( 105 , 7 , 53 );     /* bor...
Post a Comment
Read more

colors in CSS

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > colors in css </ title > < style > #firstpara {     color : red ; } </ style > </ head > < body >     < h2 > This is my first box </ h2 >     < p id = "firstpara" > this is my paragraph </ p > </ body > </ html >
Post a Comment
Read more

CSS Fonts

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > css fonts </ title > < style >     p {         font-family :Consolas,monaco, monospace ;         font-size : 30px ;         line-height : 1.3em ; font-weight : bold ;     }     h3 { font-size : 40px ;} </ style > </ head > < body >       < h3 > CSS Fonts   </ h3 >       < p > Lets play  with fonts </ p > </ body > </ html >
Post a Comment
Read more

CSS Developer Tools

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > CSS selector </ title > < style > .redelement {     color : red ; background-color : blue ; } #redelement { background-color : brown ; border : 2px solid red ;    } </ style > </ head > < body >   < h3 > CSS SELECTOR </ h3 >     < p class = "redelement" > This is a simple paragraph for css selectors </ p >     < p > This is a simple paragraph for css selectors </ p >     < p id = "redelement" > This is a simple paragraph for css selectors </ p >     < p style = " color: darkgoldenrod;" > hello i am from punjab district hoshiarpur near mukerian tehsil mukerian </ p > </ body > ...
Post a Comment
Read more

CSS Selector

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > CSS selector </ title > < style > .redelement {     color : red ; background-color : blue ; } #redelement { background-color : brown ; border : 2px solid red ;    } </ style > </ head > < body >   < h3 > CSS SELECTOR </ h3 >     < p class = "redelement" > This is a simple paragraph for css selectors </ p >     < p > This is a simple paragraph for css selectors </ p >     < p id = "redelement" > This is a simple paragraph for css selectors </ p >     < p style = " color: darkgoldenrod;" > hello i am from punjab district hoshiarpur near mukerian tehsil mukerian </ p > </ body > ...
Post a Comment
Read more