Set border to HTML TR tag only using CSS

yogesjos...

SOLVED CLOSED ACTIVE ANSWERED
User: yogesjoshi
Posted: on Nov 16, 2017 04:30 AM
Forum: HTML and CSS
Answer: 1
Views: 2756
Sample Code: Download

How to give border only to TR tag in HTML.

<html>
<head>
    <style>
        table.ex1 {
            border-collapse: separate;
            border-spacing: 10px;
        }
    </style>
</head>
<body>
<table class="ex1" border="1">
  <tr>
    <td>ABC</td>
    <td>XYZ</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
  </tr>
</table>
<br>
</body>
</html>

Any response will be appreciated.

Download FREE API for Word, Excel and PDF in ASP.Net

yogesjos...

0 4

Reply
ANSWER
User: yogesjoshi
Replied: on Nov 16, 2017 08:48 PM
Report

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        table
        {
            border-collapse: separate;
            border-spacing: 0 1em;
        }
    </style>
</head>
<body>
    <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none">
        <tr style="outline: thin solid;">
            <td style="width: 65%;">
                HI this is test
            </td>
            <td style="width: 35%; padding: 5px;">
                button
            </td>
        </tr>
        <tr style="outline: thin solid;">
            <td style="width: 65%;">
                HI this is test
            </td>
            <td style="width: 35%; padding: 5px;">
                button
            </td>
        </tr>
        <tr style="outline: thin solid;">
            <td style="width: 65%;">
                HI this is test
            </td>
            <td style="width: 35%; padding: 5px;">
                button
            </td>
        </tr>
    </table>
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Set border to HTML TR tag only using CSS

Company

Explore

Follow us

Contact Us