Launch Notepad by clicking its icon in your Favorites menu or searching for it in the "Start" menu search box. It is a native application on Windows and a basic text editor.
Open the website's style sheet in the open Notepad window by clicking "File" and then clicking "Open..." and clicking on the name of the style sheet file or typing it in the file name box.
Add the CSS to change the cell background on hover to the style sheet. To have the color change when a user hovers over the cell, you have to add the "a:hover" tag, then choose the color of the tag and the color it will change to. For example:
"a:hover {color: #white; background-color: #0000FF
padding-left:4px, padding-right: 4px }"
In the above example, the original color of the cell is white, but it changes to blue (#0000FF) on hover. The left and right padding is to keep the text in the cell stabilized and in the same position on hover.
Save the style sheet. Click "File," then "Save As" and save the file as "style.css" in the same folder that contains the website's files.
Launch your web design application, then add the following HTML Code to the web page that is linked to the CSS style sheet for the background change on hover feature.
Save the changes.
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.