色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css tr 投影遮擋

錢琪琛2年前11瀏覽0評論

最近在學習CSS時,發現了一個關于table中的標簽的投影遮擋,覺得很有意思,于是來分享一下。

首先,大家都知道,在table中使用標簽可以創建一個行,如果給這個標簽添加一些CSS樣式,比如background、color等,可以讓這個行看起來更加美觀。但是,如果想要給這個行添加投影效果,會發現不起作用。為什么呢?原因就是因為標簽被默認設置為table-row,而投影效果在table-row上是不起作用的。

那么,如何解決這個問題呢?一個簡單的方法是將標簽轉化為display:block,然后再加上投影效果的樣式。下面是示例代碼:

tr {
display: block;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
margin-bottom: 10px;
}

在這段代碼中,我們將標簽的display屬性設置為block,這樣就可以讓它像一個塊級元素一樣,然后加上了投影效果的樣式。結果如下圖所示:

我們可以看到,標簽現在已經有了投影效果,并且可以看到一些間隔。其中,margin-bottom屬性是為了為每個標簽添加一些間隔效果。

總的來說,如果想要在table中使用投影效果,我們可以將標簽轉化成block,然后加上投影樣式即可。當然,具體的實現還取決于你的具體需求和設計。