html table 边框 只显示右边框

最新推荐文章于 2024-01-27 00:21:16 发布
最新推荐文章于 2024-01-27 00:21:16 发布
阅读量2.3w 收藏 2
点赞数 1
分类专栏： html 文章标签： table html border class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/macwhirr123/article/details/7553767
版权 
<body>
<style>  .td3{ font-size: 14px; 

BORDER-RIGHT: #000000 1px solid; /* 显示右边框为1px，如果不想显示就为0px */ 
border-top:11px #fff  solid; /* 显示上边框为1px，如果不想显示就为0px */ 
BORDER-LEFT: #000000 0px solid;/* 显示左边框为1px，如果不想显示就为0px */ 
BORDER-BOTTOM: #000000 0px solid;/* 显下右边框为1px，如果不想显示就为0px */ 
} 
</style> 
<table width="400" border="0" cellspacing="0" cellpadding="0" align=""> 
<tr> 

<td rowspan="4" class="td3">1</td>


</tr> 
<tr> 
<td  >2</td><td >45645</td>
</tr> 
<tr> 
<td  >2</td><td >45645</td>
</tr> 
<tr> 
<td  >2</td><td >45645</td>
</tr> 
</table>  

</body>


















                

        

        

    




    

      

        

            

              
                
                  tyasdxx
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    2
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
php table td边框,如何使用html中table实现td边框的效果（代码）

				
			

			

				

					weixin_34391934的博客
				

				

					04-14
					
					589
					
				

			

		

		

			
				
今天给大家分享一篇关于HTMLtable各种边框效果实现的文章，内容主要介绍了在HTML利用table设置边框的各种操作，有需要的朋友可以参考一下。table边框测试隐藏右边框隐藏左边框隐藏上边框隐藏下边框显示右边框显示左边框显示上边框显示下边框右边框显示细虚线下边框显示粗虚线上边框显示两条线左边框显示点效果如下：.表格中边框的显示只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只...

			
		

	



                

              
                



	

		

			

				
					
Dreamweaver中怎么让html网页中的table边框细线显示?

				
			

			

				

					09-24
				

			

		

		

			
				
Dreamweaver中怎么让html网页中的table边框细线显示？Dreamweaver中插入表格默认是宽边框的，看上去很难看，该怎么将边框设置成细线呢？请看下文详细介绍，需要的朋友可以参考下

			
		

	



                


  
              

                


	

		

			

				
					
Table显示你要显示的边框代码

				
			

			

				

					12-14
				

			

		

		

			
				
表格的常用属性
基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 bordercolordark（表格的暗边框颜色）、bgcolor（表格的背景色）、background（表格的背景图片）、 bordercolor（表格边框的颜色）
表格内部分隔线的属性
起作用的是rules这个参数，它有三个值(cols,rows,none)，
当rules=cols时，表格会隐藏横向的分隔线，也

			
		

	





	

		

			

				
					
html table 边框设置

				
			

			

				

					FTMin的博客
				

				

					03-10
					
					1178
					
				

			

		

		

			
				
【HTML】Table边框使用总结 ，只显示你要显示的边框(内边框，外边框)
(2013-07-18 22:04:15)
转载▼






标签： 

table
 

border
 

边框
 

去掉
 

表格
 

分类： js/div/css/html






一、表格的常用属性
基本属性有：width（宽度）、

			
		

	



		

			
		



	

		

			

				
					
HTML中表格（table）的常规用法

					
最新发布

				
			

			

				

					ljh666dee的博客
				

				

					01-27
					
					467
					
				

			

		

		

			
				
HTML中表格（table）的常规用法

			
		

	





	

		

			

				
					
html table的边框显示

				
			

			

				

					wmqdn的专栏
				

				

					04-17
					
					3083
					
				

			

		

		

			
				
一、

1、显示表格的4个边框：
2、只显示上边框: 
3、只显示下边框: 
4、只显示上下边框: 
5、只显示左右边框: 
6、只显示左边框： 
7、只显示右边框： 
8、不显示任何边框： 

二、

1、只显示列与列之间的分隔线：
2、只显示行与行之间的分隔线：
3、不显示任何分隔线： (只显示四个边框)
4、显示所有分隔线：

			
		

	





	

		

			

				
					
html table边框隐藏,HTML table表格边框的控制详细说明

				
			

			

				

					weixin_29516495的博客
				

				

					06-03
					
					1057
					
				

			

		

		

			
				
原标题：HTML table表格边框的控制详细说明只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框 复制代码代码如下:表格边框的隐藏body { color:"#ffffff";font-family: "宋体";font-size: 12px;margin-top : 4;}.t {border: #000000; border-styl...

			
		

	





	

		

			

				
					
html表格控制,HTML table表格边框的控制详细说明

				
			

			

				

					weixin_36438124的博客
				

				

					06-21
					
					330
					
				

			

		

		

			
				
对于许多HTML学习者来说，table是最常用的标记，但是对于表边界的控制，许多初学者并不理解，那么HTML table表格边框的控制详细说明大家清楚吗？别着急，下面爱站技术频道小编带你了解。只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框 复制代码代码如下:表格边框的隐藏body { color:"#ffffff";font-family...

			
		

	





	

		

			

				
					
Html5-如何正确给table加边框

				
			

			

				

					菲菲的博客
				

				

					03-04
					
					9985
					
				

			

		

		

			
				
Html5-如何正确给table加边框分析单个属性的效果一、表格边框 border="1"二、cellspacing单元格间距三、cellpadding单元格边距四、去掉表格中table的所有属性值，在css中给table设置五、border-collapse: collapse 边框合并六、分析差别七、分析误区总结一下：Html中table的属性:总结来说，给表格加边框，有两种方式：【注意】
分...

			
		

	





	

		

			

				
					
显示和隐藏table中的border

				
			

			

				

					quechao123的专栏
				

				

					06-10
					
					6269
					
				

			

		

		

			
				
<br /><table border="1" bordercolor="#FF9966" ><br /><tr><br /><td width="102" style="border-right-style:none">隐藏右边框</td><br /><td width="119" style="border-left-style:none">隐藏左边框</td><br /></tr><br /><tr><br /><td style="border-top-style:none">隐藏上边框</td><

			
		

	





	

		

			

				
					
html做表格只显示表格的外边框

				
			

			

				

					09-22
				

			

		

		

			
				
主要介绍了html做表格只显示表格的外边框，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
Html_的table_边框设置

				
			

			

				

					03-04
				

			

		

		

			
				
Html_的table_边框设置

			
		

	





	

		

			

				
					
HTML table表格边框的控制详细说明

				
			

			

				

					09-28
				

			

		

		

			
				
表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。

			
		

	





	

		

			

				
					
HTML】Table边框使用总结 ，只显示你要显示的边框(内边框，外边框)

				
			

			

				

					hxmandzzx的博客
				

				

					02-23
					
					3万+
					
				

			

		

		

			
				
转载地址 http://blog.sina.com.cn/s/blog_6721f25c0101e0l8.html


一、表格的常用属性
基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮

			
		

	





	

		

			

				
					
Table边框使用总结

				
			

			

				

					weixin_33738982的博客
				

				

					05-13
					
					341
					
				

			

		

		

			
				
一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 bordercolordark（表格的暗边框颜色）、bgcolor（表格的背景色）、background（表格的背景...

			
		

	





	

		

			

				
					
Table边框使用总结 ，只显示你要显示的边框

				
			

			

				

					老牛的博客
				

				

					03-02
					
					8196
					
				

			

		

		

			
				
一、
1、显示表格的4个边框：er frame=box>
2、只显示上边框: 
3、只显示下边框: 
4、只显示上下边框: 
5、只显示左右边框: 
6、只显示左边框： 
7、只显示右边框： 
8、不显示任何边框： 
二、
1、只显示列与列之间的分隔线：>
2、只显示行与行之间的分隔线：>
3、不显示任何分隔线：  (只显示四个边框)
4、显示所有分隔线：

			
		

	





	

		

			

				
					
Html：正确给table表格加边框

					
热门推荐

				
			

			

				

					彭世瑜的博客
				

				

					04-17
					
					4万+
					
				

			

		

		

			
				
【代码】Html：正确给table表格加边框。

			
		

	





	

		

			

				
					
CSS 如何让Table的里面TD全有边框 而Table的右左边框没有

				
			

			

				

					Shaniya
				

				

					05-04
					
					1万+
					
				

			

		

		

			
				
比如这样一个CSS
.td3{
font-size: 14px;
color: #FFFFFF;
background-color: #000000;
BORDER-RIGHT: #f6f6f6 1px solid; //显示右边框为1px，如果不想显示就为0px
BORDER-TOP: #f9f9f9 0px solid; //显示上边框为1px，如果不想显示就为0px
BORDE

			
		

	





	

		

			

				
					
html table只显示最外边框实例

				
			

			

				

					09-01
				

			

		

		

			
				
要使HTML表格只显示最外边框，可以使用CSS样式来实现。具体步骤如下：

1. 首先，在HTML文档的`<head>`标签中添加一个`<style>`标签，用于书写CSS样式。

2. 在`<style>`标签中，使用`table`选择器来选中所有的表格。

3. 根据需要，可以为表格设置一个固定宽度，使用`width`属性来指定宽度值。

4. 使用`border-collapse`属性来合并单元格的边框，将其值设置为`collapse`，这样就能使相邻单元格的边框合并成一条。

5. 使用`border`属性为表格设置边框样式。设置边框的宽度、颜色和样式，然后将其应用到表格。

6. 使用`border-top`和`border-bottom`属性，为表格的上边框和下边框设置样式。

下面是一个示例的HTML代码：

```html
<html>
<head>
<style>
table {
  width: 400px;
  border-collapse: collapse;
  border: 1px solid black;
  border-top: none;
  border-bottom: none;
}
</style>
</head>
<body>
<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>
</body>
</html>
```

在上面的例子中，表格的宽度被设置为400像素，边框宽度为1像素，颜色为黑色。由于`border-collapse`属性的值为`collapse`，所以相邻单元格的边框被合并成一条。

同时，通过设置`border-top`和`border-bottom`属性的值为`none`，可以使表格的上边框和下边框不显示。这样，就实现了只显示最外边框的效果。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值