1. ホーム
  2. Web制作
  3. html5

HTMLテーブルのテーブルボーダーの実装アイデア

2022-01-28 14:24:48

I. 一般的な考え方

  1、ボーダーのないテーブルは、背景色は、テーブルの境界の色がテーブルの背景色であるように、色(#DCDFE6)を設定します。

  2、セル間隔は1px、背景色は白(#FFFFFF)に設定されています。

    void USART1_IRQHandler(void) // Serial port 1 interrupt service program
    	{
    	u8 Res;
    #ifdef OS_TICKS_PER_SEC //If the clock beat number is defined, it means ucosII is to be used.
    	OSIntEnter();    
    #endif
    	if(USART_GetITStatus(USART1, USART_IT_RXNE) ! = RESET) //Receive interrupt (received data must end with 0x0d 0x0a)
    		{
    		Res =USART_ReceiveData(USART1);//(USART1->DR); //read the received data
		
		if((USART_RX_STA&0x8000)==0)//Receive not completed
			{
			if(USART_RX_STA&0x4000)//Received 0x0d
				{
				if(Res!=0x0a)USART_RX_STA=0;//Receive error, restart
				else USART_RX_STA|=0x8000; //Receiving is done 
				}
			else //not yet received 0X0D
				{	
				if(Res==0x0d)USART_RX_STA|=0x4000;
				else
					{
					USART_RX_BUF[USART_RX_STA&0X3FFF]=Res ;
					USART_RX_STA++;
					if(USART_RX_STA>(USART_REC_LEN-1))USART_RX_STA=0;//Receive data error, start receiving again	  
					}		 
				}
			}   		 
     } 
#ifdef OS_TICKS_PER_SEC //If the clock beat number is defined, it means ucosII is to be used.
	OSIntExit();  											 
#endif
} 


2つ目は、効果画像

概要

以上、HTML表枠の実装アイデアを紹介しましたが、お役に立てれば幸いです。もし、何か質問があれば、私にメッセージをください、私は速やかに皆さんに返信します。これからもスクリプトハウスのウェブサイトをよろしくお願いします。

この記事が役に立つと思われる方は、出典を明記の上、ご自由に再掲載してください。