01/10/2018, 12:07

Hỏi về cách xóa/ẩn bớt border trong HTML

Mình đang bắt đầu học HTML và tới phần tạo bảng.
Yêu cầu mà mình phải làm:

Đây là đoạn code của mình:
Tại thẻ table mình dùng bo viền nên ở table dưới nó cũng bo viền theo. Nhưng yêu cầu lại không có bo viền ở table dưới. Mọi người giúp mình bỏ cái viền ngoài của table dưới với! Xin cảm ơn!

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>bài 2</title>
	<style type="text/css">
		table
		{
			
			border-radius: 15px;
			border-color:blue;
		}
		th
		{
			border-radius: 15px;
			border-color: black;

		}
		td
		{
			border-radius: 15px;
			border-color: blue;	
		}
		a
		{
			border-spacing: none
		}
	</style>
</head>
<body>	
	<table>
			<table border="2" c cellspacing="3" cellpadding="10" >
		<tr>
			<th width="100px" height="100px" rowspan="2">logo</th>
			<th width="200px" height="50px">Name and Subtitle</th>
			<th width="250px" height="50px"> Free test search bar</th>
			<th width="150px" height="50px">Login/signup</th>
		</tr>
		<tr>
			<th width="600px" height="50px" colspan="3">menu bar</th>
		</tr>
	</table>

	<table   border="2" cellpadding="10" cellspacing="3" >
		<tr>
			<td width="450px" height="250px" colspan="2" valign="top" align="left"><b>Product banner static content</b></td>
			<td width="173px" height="700px" rowspan="3" valign="top" align="left">
				<b>Rolling product</b>
				<p><b>updates</b></p>
				<p></p>
				<p></p>
				<p><b>offers</b></p>
			</td>
		</tr>
		<tr>
			<td width="275px" height="200px" valign="top" align="left"><b>Fresh categories</b></td>
			<td width="275px" height="200px" valign="top" align="left"><b>Highlighed product</b></td>
		</tr>
		<tr>
			<td width="450px" height="250px" colspan="2" valign="top" align="left"> 
				<b>Blog link</b>
				<p></p>
				<p></p>
				<b>Website link</b>
				<p></p>
				<p></p>
				<b>social link</b>
			</td>
		</tr>
		<tr>
			<td width="700px" height="50px" colspan="3"> <b>Footer</b></td>
		</tr>
	</table>
</body>
</html>