HTML and CSS Reference
In-Depth Information
As always, be sure to save your
index.html
and
style.css
files regularly, after each block of code you write.
Code the custom buttons
9
The start point on these custom buttons is the
HTML structure inside the
div.article
container.
Add the anchors and define a special class:
<p class=”buttons”>
<a href=”#” title=”#” class=”btn”>Learn from it</a>
<a href=”#” title=”#” class=”btn”>Read more</a>
<a href=”#” title=”#” class=”btn”>Grab the file</a>
</p>
Everything is added within a new paragraph with
the class of “
buttons
”, while each button has their
own general class, called “
btn
”, the same name you
used for the sliced image.