Does anybody know how I can adjust this CSS to achieve the desired hyperlink effect I'd like?


Tags: css,css3

Problem :

Currently, I just have this in my CSS:

a:link
{
color: #1d60ff;
text-decoration: underline;
outline: none;
}

a:hover
{
color: #1d60ff;
text-decoration: none;
outline: none;
}

Does anybody know how I can achieve THIS type of css effect for my website's hyperlinks? Basically, the hyperlinks have a background in olive-green-yellow, and when hovering, they turn bright yellow.

enter image description here

I've looked through w3schools and have googled, firebugged it, viewed the source, but I just can't seem to replicate this type of effect; I just don't know the proper css I'd use. I'm not trying to copy this website's css; I'd just like to know how they achieved it so I can do something similar to mine. Any guidance would be greatly appreciated!



Solution :

I've created this JFiddle for you. http://jsfiddle.net/persianturtle/LBsJL/ Dos this help?

P
{
background-color:black;
color:white;
}
a:link
{
background-color: #aeb05d;
text-decoration: underline;
outline: none;
}

a:hover
{
background-color: yellow;
text-decoration: none;
outline: none;
}

    CSS Howto..

    How to position multiple elements on one line, if they are in an absolute element?

    How do I make my css class footer go from the left to right side of the screen?

    How to remove rounded from to select query in jquery?

    How to figure out the CSS bugs?

    How to use CSS to make an input fields behaves like a button click?

    How to select lowest level ul in nested ul in Javascript/ css

    How to convert css long to css one line style with Notepad++

    How to extend jQuery.css from plugin

    How To Place Buttons Around A Circle with HTML5 and CSS 3?

    How to toggle div and up-down arrow heads using css only

    How to create a pop up animation with a modal using css?

    How to use variable in CSS? [duplicate]

    CSS - how to avoid class= for every single paragraph?

    How to separate form with horizontal line

    when users upload an image how can i use css to minimize skewing?

    How to make gradually changing background in CSS become uninterruptible?

    “Dynamic” CSS id names? How to add them to the CSS file?

    How to show blocks for progressbar using CSS

    How to debug CSS bundled by Webpack?

    How to set overlay on a page according to page height using CSS

    How to use jQuery to find a certain string within a div, and then apply specific styles to another div if it exists? [closed]

    Styling the placeholder of an input, how can I do this? [duplicate]

    How can I use CSS to code a 3-sided box (no left side) with rounded corners and a shadow?

    How to include php page which include also a css file?

    My CSS looks perfect on desktop, but leaves a 2-5 pixel line to the right on mobile, how do I find the issue?

    How to use Javascript to close css drop down menu on outside click?

    How to reload CSS after ajax call

    How to dynamically change CSS class of DIV tag?

    How to achieve navigation mouseover effect like in screenshot [closed]

    Finding correct CSS sheet when Chrome Inspector shows (index) [closed]