table hover background color css

 table hover background color css


<head>

<style>

tr:hover

 {

background-color:#f5f5f5;

} 

</style> 

</head>

 <body>

 ​ <h2>Hoverable Table</h2>

 <p>Move the mouse over the table rows to see the effect.</p>


Full Source code of table hover background color css

<html>

<head>

<style>

table {

  border-collapse: collapse;

  width: 100%;

}


th, td {

  padding: 8px;

  text-align: left;

  border-bottom: 1px solid #ddd;

}


tr:hover {

background-color:#f5f5f5;

}

</style>

</head>

<body>


<h2>Hoverable Table</h2>

<p>Move the mouse over the table rows to see the effect.</p>


<table>

  <tr>

    <th>First Name</th>

    <th>Last Name</th>

    <th>Points</th>

  </tr>

  <tr>

    <td>Peter</td>

    <td>Griffin</td>

    <td>$100</td>

  </tr>

  <tr>

 ​

Location: United States

Comments

Post a Comment

Last 7 Days

How to use referrerpolicy Attribute value ( no-referrer-when-downgrade ) with < iframe > tag in HTML ? with example

How to use referrerpolicy Attribute value ( no-referrer-when-downgrade ) with < iframe > tag in HTML ? with example Referrerpolicy Attribute value ( no-referrer-when-downgrade )    in iframe Default. The referrer header will not be sent to origins without HTTPS. Example <html> <body> <h1>The iframe referrerpolicy attribute Example</h1> <iframe src="https://www.tech.thinkforu.org/"   referrerpolicy="  no-referrer-when-downgrade  "> </iframe> </body> </html>
Read more

How to use autoplay and mute attribute with < video > tag in HTML for youtube ? with example

 How to use autoplay and mute attribute with < video > tag in HTML for youtube ? with example  When you add or use autoplay attribute for your website development by adding value autoplay =1 to the YouTube URL.then video is automatically started when any unknown or unique visitor are visiting in your website . However, automatically starting a video is annoying for your visitors <html> <body> <iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY? autoplay=1&mute=1 "> </iframe> </body> </html> When you apply both attribute with YouTube URL then Here is the effect after giving value to both of the attribute mute and Autoplay . Add mute =1 after autoplay =1 to let your video start playing automatically (but muted). Example  <iframe width="560" height="315"  src="https://www.youtube.com/embed/2jg1bJQaYjg" autoplay=1 & mute=1 "   title="You...
Read more

How to use Local Variable for whose values are present till function is executing in solidity ?

  How to use Local Variable for whose values are present till function is executing in solidity ? pragma solidity ^0.5.0; contract SolidityTest {    uint storedData; // State variable    constructor() public  {       storedData = 10;       }    function getResult() public view returns(uint) {       uint a = 1; // local variable       uint b = 2;       uint result = a + b;       return result; //access the local variable    } }
Read more

How to add Amazon website inside iframe?

 How to add Amazon website inside iframe? <!DOCTYPE html> <html> <body> <h1>HTML Iframes</h1> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.amazon.com/" height="220" width="320" title="Iframe Example"></iframe> </body> </html>
Read more

How to use comments in Solidity programming language ?

 How to use comments in Solidity programming language ?  function getResult() public view returns(uint) {    // This is a comment. It is similar to comments in C++    /*       * This is a multi-line comment in solidity       * It is very similar to comments in C Programming    */    uint a = 1;    uint b = 2;    uint result = a + b;    return result; }
Read more

How to use string in Solidity programming language ?

How to use string in Solidity programming language ?  pragma solidity ^0.5.0; contract SolidityTest {       constructor() public{           }    function getResult() public view returns(string memory){       uint a = 1;        uint b = 2;       uint result = a + b;       return integerToString(result);     }    function integerToString(uint _i) internal pure        returns (string memory) {              if (_i == 0) {          return "0";       }       uint j = _i;       uint len;              while (j != 0) {          len++;          j /= 10;       }       bytes memory bstr = new bytes(len);  ...
Read more

How to use arrays in Solidity programming language ?

How to use arrays in Solidity programming language ?  How to use arrays i.e  static array,dynamic array  in Solidity programming language   pragma solidity ^0.5.0; contract test {    function testArray() public pure{       uint len = 7;               //dynamic array       uint[] memory a = new uint[](7);              //bytes is same as byte[]       bytes memory b = new bytes(len);              assert(a.length == 7);       assert(b.length == len);              //access array variable       a[6] = 8;              //test array variable       assert(a[6] == 8);              //static array       uint[3] memory c = [uint(1) , 2, 3];   ...
Read more