Rounded corners on a div
This tutorial explains how to add rounded corners to divs on a web page. The image below shows an example of a div with rounded corners. You may like to …
Pseudo classes
Pseudo classes are used to specify a special state of a particular element. For example, the first letter in every paragraph could be a different size, or a link changes colour …
Creating a single-column CSS layout
This tutorial will use what we already know about HTML and CSS from the previous tutorials and introduce a couple of new concepts in order to create a basic layout …
Background images and colours
This tutorial explains how to add a background image to divs and the body section of your web page. It also explains how to have fixed background images (that don’t …
Divs and Spans
The div and span tags are made for CSS. A div is a section or a ‘division’ in a web page. A div can be thought of as a block. On …
Simple animations using JavaScript
This tutorial explains how to use the HTML5 canvas element and JavaScript to animate a div in a webpage. Below is a preview of what the animation will look like. …