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.
URBAN NATION MUSEUM FOR URBAN CONTEMPORARY ART is an international institution for art, creative projects and social exchange. Since September 2017 URBAN NATION shows under the leitmotif "Connect. Create. Care." that the house is far more than a museum.
Museum Opening hours Tuesday-Sunday: 10.00-18.00 Free admission.
Adress Bülowstraße 7, 10783 Berlin, Germany Contact [email protected] Follow Us.
IN THE STUDIO WITH … HAYLEY.
British born artist Hayley Welsh, has established herself as one of the newest creatives in the Western Australian art scene. There is something quite fantastical and a little bit dark lurking in Hayley’s work. Her latest work of art was created for the URBAN NATION and kicks off “The Monster Project”. We took the chance
Live @ the museum III – “Home” by Icy & Sot.
With her work made live in the URBAN NATION Museum, the artist duo once again draws attention to the fate of refugees and addresses the yearning for a home. Born in Iran, the artist duo Icy & Sot is known for addressing current political debates about war, peace, hope, despair and above all human rights […]
Three New Community Walls in June by Frz, Nafir & Xamoosh.
In addition to the two artists behind Icy & Sot, three other street artists from Iran will visit Berlin at the end of June and design one of our communiy walls on Bülowstraße. The three Iranians Frz, Nafir and Xamoosh are an integral part of the Iranian street art community. In their works, they address […]
Retrospective – SCOPE Art Show x URBAN NATION Museum.