17 Views
Font Awsome Icon in Circle <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .circle { height:200px; width:200px; background-color:#92ad2a; ...
Anamika Gupta
Oct 17, 2018
30 Views
In some HTML design you need a footer that is fixed in the page bottom. We are explaining best way to add sticky footer using html and css. * { margin: 0; } html, body { height: 100%; } .container { min-height: 100%; height: auto !important; height: 100%; margin: ...
Sheetal Kumar
Oct 16, 2018
37 Views
For create same height of blocks in html you can use either table property of CSS or Flex property. 1. To use table you need to create a container as Table and block as Table Cell. .ht-container { display: table; } .ht-block { float: none; display: table-cell; vertical-align: ...
Sheetal Kumar
Oct 16, 2018
27 Views
.circle { height: 100px; width: 100px; background-color: #ffe0b3; border-radius: 50%; } .oval { height: 50px; width: 100px; background-color: #ffcc80; border-radius: 50%; } .ellipses { height: ...
Anamika Gupta
Oct 11, 2018
51 Views
To change Input Placeholder Color you need to set style for Pseudo Elements of CSS. Placeholder style CSS require different Pseudo Elements for different browsers. See following example of CSS: ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #999999; } :-moz-placeholder ...
Sheetal Kumar
Oct 10, 2018
38 Views
When you are designing a page you need to align some elements in center or middle vertical. Then you have to use one from following methods. 1. Using Table Property Table property have the feature table-cell to aligh the element in middle by css. display: table-cell; vertical-align: middle; For ...
Sheetal Kumar
Oct 09, 2018
Page 1 of 1 Pages       Total Records 6
  • First
  • Prev
  • 1
  • Next
  • Last