����λ�ã���ҳ����ҳ�����PHP������ CSSʵ��Tab����

CSSʵ��Tab����

ʱ�䣺2011/8/11 9:02:15��Դ����վԭ�����ߣ�lff��Ҫ����(0)

��������Ա�Ƕ�֪��һ��Tab���ǿ�Javascript��ʵ�ֵģ�javascript�ĺô��ǹ���ǿ����������Ҳ��������������ֻ��һ���������л����ǾͿ�������CSSʵ��Tab����ôCSSʵ��Tab��Ҫ��β����أ�����ͺ�С��һ����ѧϰCSSʵ��Tab���ɰɣ�
����1. � + :target;
����2. ���;
���������ָ��и��ŵ㣬Ҳ�и��Եľ����ԡ�
���������Demo��鿴����
��������һ: ê�� + :target
����CSS3��������һ���µ�α��:target�����û���ҳ�����ijЩ����ʱ�ᴥ�������������µĴ��룬���û��������ʱ����ᴥ��pԪ�ص�:targetα�ࡣ
����Link to Dest
����

This is a new paragraph.

����
��������һ��������:targetα����ʵ��Tab�л���ʵ��ԭ��Ϊ����ҳ����ص�ʱ��ͨ��CSS����Tab���Ӧ�����ݣ�ͬʱ��:targetα���н�Tab��������Ϊ�ɼ���
����HTML�ṹ���£�
����


Tab A


Content A

Tab B


Content B

Tab C


Content C

Tab D


Content D


ʹ�øýṹ��һ���ô�����ȱ��CSSʱ��Ȼ�����������Ķ����ݡ�
�ؼ���CSS��������

dd{
padding: 5px;
/*����Tab������*/
display:none;
-moz-border-radius: 5px;
margin-top:20px
}

dd:target{
position: absolute;
/*��ʾTab������*/
display:block;
}
/*��Tab�Լ���Ӧ������������ͬ�ı���ɫ*/
.tab-a,.content-a{
background: #CCFF00;
}
.tab-b,.content-b{
background: #CCFFFF;
}
.tab-c,.content-c{
background: #FFFF00;
}
.tab-d,.content-d{
background: #FFCCFF;
}

����ʹ��CSS������һ���׶����ڲ��������ĸ�Tab�ǵ�ǰѡ�еģ�һ���ķ�ʽ�Ǹ���Ӧ��Tab�Լ�Tab����������ͬ�ı���ɫ��������Tab������ʾʱ���ܹ��������ı��ǰTab�����⣬������ʹ����CSS3�е�ѡ��������Ŀǰֻ����Firefox��Safari��IE8���ִ��������ʹ�á�
����������: ���
������������ԭ��ܼ��ڴ����������£������ê������ʱ��ê���Ӧ�����ݻ��Զ��������ӷ�Χ���ڡ����ݸ�ԭ����Tab���������ݷŵ�һ���̶��߶ȵ������У���������������overflowΪhidden������ÿ��Tab���ݵĸ߶���Ҫ����������һ�¡��ڸýṹ�£������ê������ʱ��Ӧ�����ݻ��Զ���ת�����ӷ�Χ�����ݣ��������ڡ�
���������HTML�ṹ���£�



Content A


Content B


Content C


Content D
�������ںͷ���һ��ԭ��һ�����˴���HTML�ṹҲֻ��ʹ��Tab�����ݷ���Ľṹ��ʹ�øýṹ��һ���������ڵ�CSSȱʧ��������޷��������Ķ����ݡ�
�����ؼ���CSS�������£�
/*��Tab Content�������ø߶�*/
#tab_content{
height: 190px;
overflow: hidden;
}
/*��ÿ��Tab Content���߶ȣ���Ҫ����������һ��*/
#tab_content .content{
padding: 5px;
-moz-border-radius: 5px;
height: 190px;
overflow: hidden;
}
�����뷽��һһ��������Ҳͨ����Tab�Լ���Ӧ����������ͬ����ɫ�����ѡ��ʶ�����⡣
�����ܽ᣺
����1. ��CSSʵ�ֵ�Tab���޺ܶ࣬���緽��������Ҫ��ÿ��Tab Content������ͬ�ĸ߶ȡ�
����2. �޷���Ч�ı�ʶ��ǰѡ�е�Tab��������ͨ��������ͬ����ɫ�����֣��ںܶ�����²�һ�����á�
����3. �������������ڼ��������⣬����һʹ����CSS3��ѡ�����������CSS��ʵ��;����������˵��Opera�²��顣
����4. ����һ�У�����������ᴥ��:target��ê��(�������ƽ���)ʱ��Tab Content�����ء�

�����Ƶ

    û������

����Ķ�listaryʹ�ý̳� listary��ʹ�ü���iPadOS beta 2���� iPadOS beta 2�̼����ص�ַiOS 13 beta 2���� iOS 13 beta 2�̼����ص�ַdnf���׹��Ի������ dnf���׹��Ի���BOSS��ȫ����DOTA2��������ô���� DOTA2��������뷽��lol����ս��bossƤ������Ǯ lol����ս��bossƤ����Ч��Ƶһ��lol������ս��BOSSƤ����Чһ�� lol������ս��BOSSƤ����Ч��ƵmacOS 10.15֧����Щ�豸���� macOS Catalina�������豸һ��

��������
��������

��������û�в�ѯ���κμ�¼��

����������λָ�Discuz!7.0��CSSʵ��Tab����Linux����DHCP������ʵ��:linux���ý̳������IIS7������֧��PHP����PHP����--ͨ��COMʹ��ADODB

��������dedecms���ݿ����ֶ�˵����С�����ݴ��䡪���ڿͻ��˴洢����php����Զ���ת��Ӣ��ҳ�������IIS7������֧��PHP����php������ȡ����ĸ�����֡����֡�Ӣ�ģ�����phpʵ�ִ��ļ��ϴ�Դ����Windows����PHP��session��������ʹ�ý����PHP�����Ҽ���