Comment annuler la frontière td en HTML5

3 façons d'annuler : 1. Ajoutez le style sans bordure "border:none" à l'élément td, avec la syntaxe "td{border:none}". 2. Ajoutez le style "border:0" à l'élément td avec la syntaxe "td{border:0;}" et définissez la largeur de la bordure td sur 0. 3. Ajoutez le style "border:transparent" à l'élément td, avec la syntaxe "td{border:transparent;}", et définissez la couleur de la bordure td sur transparente.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3. La balise

définit les cellules standard dans les tableaux HTML. Le texte à l'intérieur de l'élément td est un texte normal aligné à gauche.

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

Alors comment annuler la bordure td en Html5 ? Voici plusieurs méthodes.

1. Ajoutez le style "border:none;" à l'élément td

L'attribut border définit tous les attributs de bordure. Lorsque la valeur est none, cela signifie que l'attribut border n'est pas défini ou que l'attribut border est annulé. , et le style sans bordure est défini .

<style>
	td{
		border:none;
	}
</style>

2. Ajoutez le style "border:0;" à l'élément td

Supprimez-le en définissant la largeur de la bordure sur 0

<style>
	td{
		border:0;
	}
</style>

3. style "transparent" à l'élément td ;" style

Supprimez

<style>
	td{
		border:transparent;
	}
</style>

en définissant le style de la bordure sur une couleur transparente rrreee (Partage vidéo d'apprentissage : tutoriel vidéo html

, 🎜css tutoriel vidéo🎜, 🎜front-end web🎜)🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!