Follow this tutorial to learn how to change the border of your HTML table in different border styles and to apply other styling techniques.
Don't forget to check out our site http://howtech.tv/ for more free how-to videos!
http://youtube.com/ithowtovids - our feed
http://www.facebook.com/howtechtv - join us on facebook
https://plus.google.com/103440382717658277879 - our group in Google+
In this tutorial on "how to change the Table Border style in HTML", we will teach you how to change the border of your HTML table. Border style of an HTML table can be changed by changing the style attribute in a table element. The style of the border is specified in the Cascading Style Sheets. There are a lot of border properties which can be applied to tables to create different border styles of the tables and their cells. Here in this tutorial we will discuss those various styles used in html for table borders.
Step 1: Set Standard Border of a Table
In order to set a standard border of a table, we set borders in the style attributes and the width of the border as 1 px. The third option lets us specify the color of the border. These three options can be used in html for table borders . Standard borders are 1 px in width and solid black in color.
Step 2: Set Border around cells
A standard border is a black outline around the table. In order to set a border around a cell of the table, we set the style as a border in the cell separately. The same is the case with the width of the border and the color of the border. The three options can altered for each of the cells separately to create different styles of border.
Step 3: Removing Double Lines in a Border
If the borders have been set twice, a double line will appear at the border. In order to set a single border, we apply the Cascading Style Sheet's border collapse property in the style attribute of each cell, separately.
Step 4: Other Border Properties
There are a lot of other properties of table border styles in HTML which can be applied to tables and their cells. Borders can be made curvy and aligned to one side of the table by using these border properties.
You can also get the same effect by only adjusting the table tag as below and not placing any styles in the td or tr tags.
<table border="1" style="border-collapse:collapse">
The 'table border' by itself creates the double borders. The 'table border' plus the style 'border collapse' creates the single borders.
Sechskies Eun Ji Won and rookie singers Lee Soo Hyun and Kim Eun Bi performed the third OST single titled "Love Song". The rookies, who are both training to debut in HYWY Entertainments girl group HYWY Girls, joined the veteran to sing about falling in love with an unlikely person. The rhythmic medium temp track is the perfect tune to make your spring days even brighter.
As a child, there was a portrait in our family home in Paris that I always loved. Today, it’s known as Maya with Doll – but to me it was just a portrait of my mother, albeit a remarkable one. “Your grandfather was a painter,” she would say, whenever the subject of the canvas, one of many that hung around the house, came up in discussion. It was only when I began school, and whispers about my heritage started to follow me, that I realised what an understatement that was. My grandfather was far more than a painter. He was the defining figure of 20th-century art – and, as I would learn later from years of academic study, a true genius. It was a revelation that would shape the course of my life in many ways. When Picasso died – in 1973, the year before I was born – he left behind 45,000 works, not to mention personal objects and correspondence.