w3resource

HTML CSS Exercise - set style for link, hover, active and visited states of hyperlink

HTML CSS Exercise - 29

In this exercise you will set style for link, hover, active and visited states of hyperlink.

See the solution in the browser

See the Pen html css common editor by w3resource (@w3resource) on CodePen.


Previous: Create columns with CSS3.
Next: Use CSS Type Selector.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.

HTML-CSS: Tips of the Day

Stacking Divs from Bottom to Top

If you only need this to work for modern browsers and IE 8+ you can use table positioning, vertical-align:bottom and max-height.

CSS Code:

.wrapper {
  display: table-cell;
  vertical-align: bottom;
  height: 200px;
}
.content {
  max-height: 200px;
  overflow: auto;
} 

HTML Code:

<div class="wrapper">
  <div class="content">
     <div>row 1</div>
     <div>row 2</div>
     <div>row 3</div>  
  </div>
</div>

You can make elements stick to the bottom of their container with position:absolute, but it'll take them out of the flow. As a result they won't stretch and make the container to be scrollable.

.wrapper {
  position: relative;
  height: 200px;
}
.content {
  position: absolute;
  bottom: 0;
  width: 100%;
} 

Ref: https://bit.ly/3pQttyU

 





We are closing our Disqus commenting system for some maintenanace issues. You may write to us at reach[at]yahoo[dot]com or visit us at Facebook