• Visited links strike out with CSS

    If you visit any news link after page refresh the title should be strike-out. It’s a very basic CSS tips using element a:visited.

    CSS Code :-

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    
    <style type="text/css"><!--
    .block
    {
    font-family:'Georgia', Times New Roman, Times, serif;
    font-size:40px;
    }
    .block a
    {
    color:#222C39;
    text-decoration:none;
    }
    .block a:hover
    {
    color:#222C39;
    text-decoration:none;
    }
    .block a:visited {
    text-decoration: line-through;
    opacity: .25;
    filter: alpha(opacity=25);
    }
    --></style>

    HTML :-

    1
    2
    3
    4
    5
    6
    
     
    <div class="block">
    <a href="link-1"> Title-1 </a>
    <a href="link-2"> Title-2 </a>
    <a href="link-3"> Title-3 </a>
    </div>

Comments on this post

Leave a Reply

  • Security Code :


    4 + = eleven