Hi dude, I'm joining stackoverflow site. It's amazing site to discuss more about CSS & Twitter Bootstrap.
See you there!

HowTo Pure CSS

Grab free simple pure CSS scripts for your projects. Explore more relevant CSS scripts from HOWTO-PURECSS Targeted Search Box.

Tutorial Belajar CSS Bagi Pemula IDR.10.000.-
04 November 2015

Create Simple Tabs Using :target

Creating simple tab using pure CSS is easy. Tab will be designed responsively for all browser and easy to navigate. What you need is just pure CSS without using Javascript or jQuery. How does the tabs work? Let's take three tabs for this tutorial.

#Steps To Create Simple Tabs Using Pure CSS

Here's the simple pure CSS3 for creating Tabs using :target.


<style type="text/css">
#tabs {position:relative;}
#tabs-1,#tabs-2,#tabs-3{display:none; position:absolute; left:0;}
#tabs-1:target,#tabs-2:target,#tabs-3:target{display:block; }
#tabs ul li{display:inline-block; margin:0px; padding:4px 9px; background:#f9f9f9; border:1px solid #e0e0e0;}


<div id="tabs">
        <li><a href="#tabs-1">First</a></li>
        <li><a href="#tabs-2">Second</a></li>
        <li><a href="#tabs-3">Third</a></li>
    <div id="tabs-1">
        <p>First content</p>
    <div id="tabs-2">
        <p>Second content</p>
    <div id="tabs-3">
        <p>Third content</p>


Simple Tabs Pure CSS

Here, you can add more tabs on the tutorial as you wish so easily.

Grab More CSS' Below