关于网络通信原理的困惑，求网络达人赐教，万分感谢！！！

Posted 2023-05-15

本人计算机网络专业 然对于网络通信原理的过程有不少迷惑 在此求高人指点迷津，感激不尽！！！！！！！！！！！
如题：
以同一局域网，A、B两台电脑主机的QQ通信过程为背景 假定A主机给B主机QQ发送消息“你好”
小弟有几事不明：
1.我们知道 在QQ发送消息的数据通信过程中，数据需要贯穿OSI七层模型 也就是数据先从应用层到达物理层-再经过物理层到应用层 最终到达目的主机 请问其中数据的封装拆解动作依靠的是操作系统的TCP/IP协议还是网络设备？
如果是前者，那么交换机将网卡传输来的比特流转换成帧这一封装过程又怎样解释？
2.网卡传输的数据单位既然是“比特流”，那为何操作系统的“本地连接”中的发送接收不是“比特”，而通常叫做数据包？据我所知，网卡传输比特流，交换机应当传输帧，数据包应当只能是在路由器上传输单位，小弟的想法究竟错在哪里？
3.数据封装大小应当是越靠近底层数据的单位容量越小，为何在下面的解说图中感觉不是这样呢？
在此跪求网络达人一一给出详细解答，小弟感激不尽啊！！！！Thanks very much!!!!!!!!

首先说明一下，OSI七层模型 是一种思想、思路，是各厂商开发软件时遵循的通用标准。它诠释了数据通信的过程。它是个抽象的概念。

回答1：既不是操作系统的TCP/IP协议也不是是网络设备。因为这两个只是完成7层中的某个功能。tcp（a和b两台电脑的虚通道建立）工作在传输层，ip（路由转发）工作在网络层。而网络设备。比如路由器（三层交换机也有这个功能，只是和路由器的侧重点不一样）只把数据解析到第三层，在第三层封装后的数据叫做包。而二层交换机只把数据解析到第二层，在第二层封装后的数据包叫做帧。

回答2：物理层也就是第一层，处理的数据是比特流。而“本地连接”是工作在应用层也就是第7层。一块以太网网卡包括OSI（开方系统互联）模型的两个层。物理层和数据链路层。物理层定义了数据传送与接收所需要的电与光信号、线路状态、时钟基准、数据编码和电路等，并向数据链路层设备提供标准接口。数据链路层则提供寻址机构、数据帧的构建、数据差错检查、传送控制、向网络层提供标准的数据接口等功能。

回答3：其实数据链路层是把网络层的数据加上头和尾形成帧再交付给物理层。这就是封装。 

之所以要加上头和尾是因为物理层只管电信号，必须要有一个特殊的电信号告诉物理层这是一个帧的开始和结尾。 

一般头和尾的电信号是连续的10101010这样的形式，当物理层接收到信号后，知道这是一个帧来了，经过模数转换后交付给数据链路层，数据链路层剥离头和尾把数据交付给上面的网络层，这就是解封装的过程。 

其实网络的七层结构基本上都是封装和解封装的过程，上层数据下来的时候就给他加特定的头，相当于装了个信封，就这样一层层的装下来。下层的数据送到上层就一层层的剥离头（信封），直到最后没有信封得到最终的数据为止。

数据封装的原理：

数据封装是指将协议数据单元（PDU）封装在一组协议头和尾中的过程。在 OSI 7层参考模型中，每层主要负责与其它机器上的对等层进行通信。该过程是在“协议数据单元”（PDU）中实现的，其中每层的 PDU 一般由本层的协议头、协议尾和数据封装构成。

每层可以添加协议头和尾到其对应的 PDU 中。协议头包括层到层之间的通信相关信息。协议头、协议尾和数据是三个相对的概念，这主要取决于进行信息单元分析的各个层。例如，传输头（TH）包含只有传输层可以看到的信息，而位于传输层以下的其它所有层将传输头作为各层的数据部分进行传送。在网络层，一个信息单元由层3协议头（NH）和数据构成；而数据链路层中，由网络层（层3协议头和数据）传送下去的所有信息均被视为数据。换句话说，特定 OSI 层中信息单元的数据部分可能包含由上层传送下来的协议头、协议尾和数据。

例如，如果计算机 A 要将应用程序中的某数据发送至计算机 B 应用层。计算机 A 的应用层联系任何计算机 B 的应用层所必需的控制信息，都是通过预先在数据上添加协议头。结果信息单元，其包含协议头、数据、可能包含协议尾，被发送至表示层，表示层再添加为计算机 B 的表示层所理解的控制信息的协议头。信息单元的大小随着每一层协议头和协议尾的添加而增加，这些协议头和协议尾包含了计算机 B 的对应层要使用的控制信息。在物理层，整个信息单元通过网络介质传输。

计算机 B 中的物理层接收信息单元并将其传送至数据链路层；然后 B 中的数据链路层读取包含在计算机 A 的数据链路层预先添加在协议头中的控制信息；其次去除协议头和协议尾，剩余部分被传送至网络层。每一层执行相同的动作：从对应层读取协议头和协议尾，并去除，再将剩余信息发送至高一层。应用层执行完后，数据就被传送至计算机 B 中的应用程序接收端，最后收到的正是从计算机 A 应用程所发送的数据。

网络分层和数据封装过程看上去比较繁杂，但又是相当重要的体系结构，它使得网络通信实现模块化并易于管理。 

解封装正好是封装的反向操作,把封装的数据包还原成数据.

希望对你有帮助，如果你还困惑，建议你看一下网络工程师教程。

参考技术A 1.数字通信系统的有效性用频带利用率描述；可靠性用系统输出误码率描述。
2.衡量一个模拟通信系统的有效性常用指标：系统有效传输频带；可靠性常用指标系统的输出信噪比。
3.加性噪声的特点是：功率谱为常数，随机取值符合高斯分布，任意两时刻的值互不相关。
4.窄带随机噪声的包络服从瑞利分布，相位服从均匀分布。
5.调制信道指从系统调制器的输出端到解调器的输入端的部分。
6.信号在恒参信道中传输时主要有相频失真和幅频失真。
7.为了更好地适应信道的传输特性，大多数信号需要通过调制后进行传输。
8.幅度调制是用调制信号去控制高频载波的幅度参量。
9.AM的非相干解调可能存在门限效应。
1、 模拟通信系统中，可靠性最好的是（FM），有效性最好的是（SSB）。
2、 在FM通信系统中，采用预加重和去加重技术的目的是（提高解调器输出信噪比）。
3、 时分复用的话路数越多，信息速率（越大）。
4、在2ASK、2FSK、2PSK、2DPSK通信系统中，可靠性最好的是（2PSK），有效性最好的是（2ASK、2PSK）
5、均匀量化器的量化信噪比与编码位数的关系是（编码位数增加1位，量化信噪比增大6dB），非均匀量化器可以提高（小）信号的量化信噪比。
(式9.4.10)
信号量噪比：（S/N）dB=20lgM=20lg2N (N为编码位数)
编码位数增加一位，（S/N）dB=20lgM=20lg2（N+1）-20lg2N=20lg2=6dB
6、改善FM系统抗噪声性能的有效措施是（采用预加重技术和去加重技术）
7、若信息速率为Wbit/s,则2PSK、4PSK信号的谱零点带宽分别为（）和（）Hz
PSK信号为双极性不归零码，对基带信号RB=1/Ts=fs=Rb/log2M, B=fs= Rb/log2M
对调制信号：带宽为B调=2B=2 Rb/log2M=2W/ log2M
对2PSK：带宽为：2W
对4PSK：带宽为：2W/ log2M =2W/2=W
8、设基带系统使用了五抽头的预置式自动均衡器，则此系统冲激响应的抽样值等于0的个数最少为（4），不等于0的个数最少为（1）
8、通过眼图，可以观察到（码间串扰）和（噪声）的大小
9、调频信号20cos(2*108π+8cos400πt)的最大频偏为（1600）Hz，带宽为（3600）Hz
P1 05：mf为最大相位偏移，由调频信号可知其最大相位偏移为8，mf=8,
调制信号的频率：fm=400π/2π=200
所以最在频偏Δf=mf×fm=8200=1600.
B=2（mf+1）fm=3600Hz
10、当无信号时，加性噪声是否存在？（存在），乘性噪声是否还存在？（不存在）
11、设基带信号的最高频率为3.4kHz的语音信号，则AM信号带宽为（6.8kHz），SSB信号带宽为（3.4kHz），DSB信号带宽为（6.8kHz）。
12、设信息速率为1.2kbit/s，则2ASK信号和4DPSK信号的频谱过零点带宽分别为（）和（）。
PSK信号为双极性不归零码，对基带信号RB=1/Ts=fs=Rb/log2M, B=fs= Rb/log2M
对调制信号：带宽为B调=2B=2 Rb/log2M=2W/ log2M
对2PSK：带宽为：2W
对4PSK：带宽为：2W/ log2M =2W/2=W
13、广义平稳随机过程的两个特点分别是（数学期望、方差与时间无关）和（自相关函数只与时间间隔有关）。
14、线性PCM编码器的抽样信号频率为8kHz,当信息速率由80kbit/s下降到56kbit/s时，量化信噪比增大（-18）dB. 参考题5
15、对FM、AM、DSB、SSB通信系统，按可靠性好坏，排列次序为（FM，DSB（SSB）、AM），按有效性好坏，排列次序为（SSB、AM（DSB）、FM）。
16、对于2DSK、2ASK、2FSK通信系统，按可靠性好坏，排列次序为（2DPSK、2ASK、2FSK），按有效性好坏，排列次序为（2DPSK（2ASK）、2FSK）。
17、均匀量化器的量化噪声功率与信号大小（无）关，适用于动态范围（小）的信号，非均匀量化器可以改善（小）信号的量化信噪比，适用于动态范围（大）的信号。
18、模拟通信系统中，已调信号带宽与有效性之间关系是（已调信号带宽越小，有效性越好；）。接收输出信噪比与可靠性之间的关系是（接收机输出信噪比越高，可靠性越好；）
19、某调频信号的时域表达式为10cos(2*106πt+5sin2*103πt),此信号的带宽为（12kHz），当调频灵敏度为5KHz/V时，基带信号的时域表达式为（cos(2*103πt）.
解：P1 05：mf为最大相位偏移，由调频信号可知其最大相位偏移为5，mf=5,
调制信号的频率：fm=2000π/2π=1000
B=2（mf+1）fm=12KHz
20、在AM、SSB和FM系统中，有效性最好的是（SSB），可靠性最好的是（FM）
21、对某模拟信号进行线性PCM编码，设抽样频率为8kHz,编码位数为7，则此PCM信号的信息速率为（56kbit/s）。当抽样频率不变而编码位数由7增大到12时，量化信噪比提高（30）dB 参考题5
22、设信息速率为2.048Mbit/s,则2DPSK信号带宽为（4.096Mbit/s,），QPSK信号的带宽为（2.048Mbit/s,）。
23、语音对数压缩的二个国际标准分别是（A律）和（u律）。我国采用的是（A律）
24、模拟通信系统可采用的一种复用方式为（频分复用）。数字通信系统可采用的一种复用方式为（时分复用）。
25、设Rb=4Mbit/s，四进制系统接收机抽样判决器的定时信号（即位同步信号）的重复频率为（2MHz）。
位同步信号与码元速率相同
即计算四进行信息的码速率RB=Rb/log2M=2Mbit/s
26、帧同步的作用是（用来提供一帧信号的起始时刻，以便正确地分接出各路信号）。
27、单边带信号相干解调器中，若本地载波与发送端载波同频但不同相，对解调输出的影响是（失真）和（信噪比下降）。
28、若要传送最高频率为7KHz的音频信号，采用常规调幅时需要的信道带宽为（14kHz）；采用调频指数为6的调频时，需要的信道带宽为（98kHz），
AM:B=2fH
FM:B=2(mf+1)fm
29、四相调制相干解调系统中发送端通常采用差分编码，其目的是（克服相位模糊现象）。
30、例也出两种含有丰富定时信息的码型（HDB3）和（CMI（或双相码，密勒码、双极性归零码等））。
31、速率为100kbit/s的二进制基带传输系统，理论上最小传输带宽为（50kHz）。
P151:RB=Rb=1/Ts=100kbit/s
B=1/2Ts=50kHz
32、加性高斯白噪声的含义是（噪声与信号是相加的关系）、（功率谱密度在整个频率轴上为常数）和（具有正态分布的概率密度函数）。
33、若二进制信息速率为Rb(bit/s)，在传号和空号独立等概的情况下，双极性归零（半占空）码序列和AMI码（半占空RZ）的功率谱密度主瓣宽度分别为（）Hz和（）Hz。 参考P140
34、设二进制信息速率为9Mbit/s,则QPSK和8PSK功率谱主瓣宽度分别为（B=2RB=2*4.5=9MHz）和（2RB=6MHz）（假设数字调制器不采用频谱成形限带滤波） 参考题7
35、码元速率相同时，八进进制的信息速率是二进制的（3）倍（等概时）。
36、AM调制在（非相干解调）情况下会出现门限效应。
37、13折线A律编码器，最小量化级为1单位，已知抽样脉冲值为-318单位，则编码器的输出码级为（01010011）。
38、通信系统常用的复用技术有（频分复用、时分复用和码分复用）。
39、衡量均衡效果的两个准则是（最小峰值畸变）准则和（最小均方畸变）准则。
40、11位巴克码其局部自相关函数的最大值为（11）。
41、点对点多路模拟通信系统只能采用（频分多路）复用技术。
42、在八进制系统中每秒传输1000个八进制符号，则此系统的码速率RB为（1000Baud），信息速率Rb为（3000bit/s）。
43、鉴频器输出噪声的功率谱密度与频谱的定性关系是（噪声功率谱密度与频率平方成正比），采用预加重和去加重的目的是（提高解调器的输出信噪比）。
44、对于滚降系统a=0.5的幅度滚降低通网络，每Hz可传输的最大码速率为（2/1.5=1.333Baud）。
45、3抽头迫零时域均衡器能够消除（2）个抽样点的称号间干扰。
46、2ASK信号的带宽是基带信号带宽的（2）倍。
47、若增量编码器输入信号为直流且幅度为量阶的0.5倍，则编码结果为（101010……）。
当信号x(t)平坦时，交替出现“1”码和“0”码。
48、线性PCM编码器的抽样信号频率为8kHz，信息速率由32kbps增加到64kbps时，量化信噪比增加（6×4=24）dB. 参考题5
49、设Rb为2Mbit/s，采用QPSK调制，接收机抽样判决器的定时信号的重复频率为（1MHz）。参考题25
50、一个性能良好的二进制基带系统的眼图应该是（在采样时刻眼要睁得大）、（轮廓线细）的图形。
51、有4种最基本的数字基带码型：单极性NRZ，双极性NRZ，单极性RZ和双极性RZ，（单极性）码波形有直流，且接收端判决电平不确定，因而应用受限；（双极性）码波形等概时无直流，且接收端判决电平固定为零，因而应用广泛，与NRZ码波形相比，（归零码）码波形的主要缺点是带宽大，主要优点是位与位之间易于分清；（单极性RZ）码波形存在fn离散分量，可用于位定时。 参考书P140
52、对2ASK、2FSK和2PSK三种系统的性能进行比较，其中有效性最差的是（2FSK）系统，可靠性最好的是（2PSK）系统。
53、白噪声在（任意两个时刻）上，随机变量之间不相关。 参考书P57
54、调制信道分为（恒参信道）和（随参信道）。
55、对DSB信号，当采用插入导频法进行载波同步时，插入的条件是（载频处正交插入）
56、残留边带滤波器的传输特性H(ω)应满足（在载频两边具有互补对称特性）。
57、当调频指数满足（mf<<1）时称为窄带调频。 参考式（5.3-24）
58、某调频信号的时域表达式为10cos(106πt+8sin103πt),此信号的功率为（A2/2=100/2=50W），调频指数为（mf=8），基带信号的时域表达式为（ ).
mf为最大相位偏移，由调频信号可知其最大相位偏移为8，mf=8,
调制信号的频率：fm=1000π/2π=500

59、已知信息代码为100000000010000011，其对应的HDB3码为（+1000+1-100-10+1000+10-1+1）。
60、双极性基带信号，当满足（等概时）条件时，其功率谱中无离散谱分量。
61、已知绝对码序列为00111010，其相对码序列为（“1”11010011）。
an为绝对码，bn为相对码，
62、2PSK信号在接收端因为载波同步系统中的分频，可能产生载波相位状态转移，发生对信号的错误解调，这种现象称为（相位模糊现象）。
63、数字带通传输系统的最高频带利用率是（1）Baud/Hz,8PSK系统的信息传输速率为1500bit/s，其无码间干扰传输的最小带宽为（500Hz）。
ηB=1=RB/B=(Rb/log2M)/B=1 B= Rb/log2M= Rb/3=500Hz
64、若一低通信号m(t)频带范围为0~108kHz，则可以无失真恢复信号的最小采样频率为（216kHz）。
65、改善小信号的量化信噪比，通常可采用（压扩）技术。
66、在PCM30/32路基群帧结构中，TS0用来传输（帧同步信息）。TS16用来传输（信令信息）。
67、二进制数字信号最佳接收的似然比准则为（）
68、调制信道的范围为（从发送端调制器输出端至接收端解调器输入端）
69、“单个码元呈矩形包络“的300波特2FSK信号，两个发信频率是f1=800Hz,f2=1800Hz,那么该2FSK信号占用带宽为（1600Hz）（以谱的第一零点进行计算）。 B=|f2-f1|+2fs=
70、先验概率相等的2PSK信号解调，若抽样判决器输入端信号的峰-峰值为10V，那么该判决器的判决电平应取为（0V）。
71、随参信道的传输媒质具有3个特点（对信号的衰减随时间变化）、（传输的时延随时间变化）和多径传播。
72、对一个频带限制在（0，4）KHz的时间连续信号进行抽样时，应要求抽样间隔不大于（1/8000s）。
73、已知绝对码序列为10011001，则相对码序列为（11101110或00010001）。
an为绝对码，bn为相对码，
74、在理想信道下的最佳基带传输系统，发送滤波器GT(ω)，接收滤波器GR(ω)和系统总的传输函数H(ω)三者之间满足（GT(ω)= GR(ω)= H1/2(ω)）。
75、自相关函数n0δ(t)/2为的白噪声通过传输特性为ke-jωtd,|ω|≤ωH（td为常数）的系统后的功率谱密度为（n0k2/2, |ω|≤ωH）.
输出信号的功率谱密度等输入信号的功率谱密度乘以系统传输函数的模的平方
76、采用部分响应技术可提高频带利用率，并使冲激响应尾巴衰减加快，这是由于（有控制的引入码间串扰）。
77、频分复用的各路信号在（频率）不重叠，时分复用的各路信号在（时间）不重叠。
78、在数字调制系统中，采用4PSK调制方式传输，无码间串扰时通达到的最高频带利用率是（2）bit/(s.Hz)
对调制信号，最大频带利用率为ηB=1baud/Hz= ηb=ηBlog2M bit/(s.Hz)
79．2PAM的两个电压是±1，4PAM的四个电压是±1及±3。假设各符号等概出现，那么4PAM的平均发送功率是2PAM的( 5 )倍，4PAM的频带利用率是2PAM的( 2) 倍。
平均功率为R（0）=E（x2(t)）
80．某二进制信源中连续出现的0的个数最多是6个，此信源经过AMI、HDB3、数字分相码编码后，编码结果中连续出现的0的个数最多分别是 (6 )、(3 )及( 2 )个。 数字分相码即双相码或曼彻斯特码
81．二进制PAM信号的眼图中，居中的水平线一般对应最佳判决门限。如果已知发送+A的机会比发送?A的机会多，那么最佳判决门限应该 (降低 )。 参考式（6.5-19）
82．若基带系统的带宽是1MHz，则采用8PAM进行无码间干扰传输时的最高信息速率是( 6) Mb/s。
对调制信号，最大频带利用率为ηB=1baud/Hz
ηb=ηBlog2M bit/(s.Hz)= log2M bit/(s.Hz) ηb=Rb/2B Rb=ηb×2B= log2M×2 MHz=6 MHz
83．如果升余弦滚降系统的滚降系数α越小，则相应的系统总的冲激响应x(t)的拖尾衰减越 (慢 )，当α=0时拖尾按1/t的(1) 次方速度衰减。
84．对于传输信道所引入的码间干扰，一种基本的解决方法是采用 (时域均衡) 。
85．在高信噪比下。接收端观察到的眼图的闭合程度的大小反映 (码间串扰 )的大小。
86、二进制序列经过HDB3码编码后连续出现的0符号个数最多是（3） 个。
87．信源信息速率是4000bit/s，采用QPSK传输时符号速率是（2） k波特。如果此QPSK调制采用了滚降系数为1的升余弦频谱成形，那么发送信号的带宽是（4） kHz，此时的频带利用率为 （1） bit/s/Hz。
88．某模拟基带信号的频谱范围为0~1kHz。对其按奈奎斯特速率进行取样，再经过A律十三折线编码，那么编码后的数据速率为（16） kbit/s。
fs=2kHz,一个抽样值编码为8位码，所以数据速率为2×8=16 kbit/s
89．设数据序列是速率为1kbit/s的独立等概二进制序列，则对应的双极性不归零信号的主瓣带宽是（ 1）kHz。若将此信号调制为QPSK，则已调信号的主瓣带宽为（1） ；若将此信号调制为2DPSK，则已调信号的主瓣带宽为（2） 。 参考技术B 既然你困惑，就应该更加困惑一点，才能明白是怎么回事。
网卡它传输比特流，它也传输数据帧，更传输数据包。是不是很困惑了？为什么这么说呢？数据包是什么构成的啊？是不是帧啊。帧是由什么构成的啊？是不是比特流啊。既然网卡传输比特流，那你能说它不传输帧和数据包吗！
我们说交换机是工作在数据链路层的，它传输的是帧。这也容易给人误解，交换机他传输帧，也传输比特流也传输数据包。同样，路由器他也如此。
你可能要骂我胡扯了。其实书本书讲的给我们造成了误解。书上的本意是，网卡传输比特流，帧，数据包。但它只关心比特流有没有正确，以何种方式传输比特流。交换机他传输比特流，帧，数据包。但他只关心帧是否真确。路由器也是这样。
相信你有点感觉了，我再举一个例子你就明白了。一个大公司，他以生产饼干为主要经营项目。老板他不会关心这个饼干怎么生产，让什么人来生产，老板关心的是公司的前景。生产经理他不会上生产线生产，他关心的新产品的研发，工厂的安全。 参考技术C Oil powder, soy Engineering Center backed integrated modern high-tech technology, uses the advanced equipment and technology to high-quality vegetable oil, starch degradation products, proteins, emulsifiers and other raw materials for the production of a high-tech products.
Product features:
1) oil powder is also known as the dairy, it has good solubility, emulsifying, dispersing, and other raw materials without any exclusive role, in food industry applications.
2) because it would not be oxidation damage to the product's shelf life extended.
3) in accordance with the technology of production of the product, easy to enhance its functionality.
Application areas:
1) can be used as a nutrient source direct lick to flour, noodles, cakes, snacks, meat products and other foods.
2) health functional food, suitable for application in the brain, blood fat, nutrition, infant food and other aid, is a very broad application prospects of the new food.
3) feed oil powder, powder feed feed, oils and fats processing will not leak out, drying, not agglomerated particles very effectively extend the shelf life of the feed.
4) flavor oil powder that can be used for household condiments, chicken essence, instant noodles, porridge, snack, etc.
In the add multiple types of food, fat powder can reduce production costs, improve product quality, improve product qualities, strength and toughness enhanced gluten, according to users ' special requirements in the production of various types of oil powder products can also be assigned a different flavor and aroma. Oil powder because of their excellent characteristics, widely used in food industry, in particular, instant oatmeal, instant coffee, instant noodles, ice cream and snack food, and demand is quite large, with broad market prospect.
Benefit analysis:
Cost: 0.8 Yuan/ton, priced at $ 1.2 1 million tons per year, the annual sales income 1.2 USD 50 million.

HTML如何实现鼠标经过切换标签效果？HTML边框问题，请高手赐教，万分感谢！

如何才能实现图上的效果？为什么选中“获取附加组件”时候，它右边的边框会消失呢？实现多标签切换需要用什么HTML标签<a>标签？还是无序列表？ 请高手详细解答

只需设置border-top, border-bottom, border-left三个边框样式,不指定border-right样式,就可以出现只有三边有边框的效果.
相连处无边框的效果可以通过层叠和浮动来实现,只要左侧内容向右"压"去一个边框的位置,就可将右侧的边框隐去.
用什么标签并不重要,都能实现.追问

还是不明白，其实我像这种效果 我想的是如果选中公司新闻，用JS代码去掉公司新闻项的下边框，但是下面那条边框不是还在吗？ 怎么解决？我很着急，万分感谢

追答

公司新闻是一个块元素,使它浮动,并且高度比行业新闻高出几像素,那么它的下边就可以将下面主体的上边遮去一些,这样看起来就可以是上图的效果了.
如果用图片做会更容易,标签与主体分隔的横线用作两个标签的父元素背景,那么,只要当前选中的标签高度超过横线高度,且背景不是透明的,就可将这一部分的线遮住.

参考技术A 给这个锚的hover伪类设置样式就是鼠标经过的样式了。