Codechef4u is a community for computer professionals,by computer professionals,just like you; who loves sharing and helping each others,Join them
Share your post

How to completely remove borders (including rows and column) from HTML table?

I want to remove all borders from following table including table row and column borders also using css,

                 <table id="Student_summery">

                          <tr>

                            <td><b>Roll number: </b>

                                <asp:Label ID="lblRollNumberInfo" runat="server"/></td>

                        </tr>

 

                        <tr>

                            <td><b>Student Name: </b>

                                <asp:Label ID="lblNameInfo" runat="server"/>

                            </td>

                        </tr>

                         <tr>

                            <td runat="server"><b>Teacher: </b>

                                <asp:Label ID="lblTeacherInfo" runat="server"/></td>

                        </tr>

                        

 

                        <tr>

                            <td><b>Student Subjects: </b>

                                <asp:Label ID="lblSubjectsInfo" runat="server"/></td>

                        </tr>

                       

                    </table>

Answers


Following sample css code removes all borders completely from your table including cell and row borders  

table#student_summery {

    border: none !important;

    width: 100%;

}

 

table#student_summery td, #table#student_summery th {

    border: none !important;

}

Share your answer


Share as a guest

Please subscribe me to the CodeChef4U.

By creating your new answer, you agree to the privacy policy and terms of service.