CSS 跳轉(zhuǎn) Excel 表是一種常用的技術(shù),可以通過 CSS 樣式在網(wǎng)頁中生成超鏈接,點(diǎn)擊后會(huì)直接跳轉(zhuǎn)到 Excel 表格中的相應(yīng)位置。
首先,需要在 Excel 表格中設(shè)定命名區(qū)域,用于確定跳轉(zhuǎn)位置。命名區(qū)域可以通過 Excel 表格中的“公式”菜單欄來設(shè)置,如下所示:
名稱 引用 ——————————————— data1 Sheet1!A1:B10 data2 Sheet1!C1:D10
其中,“名稱”即命名區(qū)域的名稱,“引用”則是命名區(qū)域所對(duì)應(yīng)的數(shù)據(jù)范圍。
接下來,在網(wǎng)頁中,可以通過如下樣式來實(shí)現(xiàn)超鏈接跳轉(zhuǎn):
a[data-name="data1"] { position: relative; display: inline-block; &::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } &:hover::before { background-color: #ccc; opacity: 0.5; } }
上述代碼引用了命名區(qū)域“data1”,將其作為屬性附加到了超鏈接標(biāo)簽“a”上。通過“position: relative”屬性,可以讓超鏈接具有定位特性;通過“&::before”偽元素,可以為超鏈接添加遮罩效果;通過“&:hover::before”偽類,可以實(shí)現(xiàn)鼠標(biāo)移動(dòng)到超鏈接上時(shí)遮罩指定顏色。其它命名區(qū)域的樣式設(shè)置方式與上述相同。
使用上述樣式設(shè)置完畢后,用戶可以點(diǎn)擊超鏈接跳轉(zhuǎn)到相應(yīng)的 Excel 數(shù)據(jù)區(qū)域,便于快速定位 Excel 表格中的數(shù)據(jù)。
下一篇css路徑教程