国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么給表格加按鈕,CSS給表格加按鈕的方法

前端小編 9 0

在CSS中,我們可以使用偽元素或直接在表格元素中添加按鈕,以下是兩種實(shí)現(xiàn)方式:

1、使用偽元素添加按鈕

我們可以通過在表格元素中添加一個(gè)偽元素,并在該偽元素中添加按鈕的樣式和交互效果,我們可以給表格元素添加一個(gè)名為“table-button”的偽元素,并在該偽元素中添加一個(gè)按鈕的樣式。

table {
  position: relative;
}
table:after {
  content: “添加按鈕”;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
  background-color: #f00;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
}

2、在表格元素中添加按鈕

我們還可以在表格元素中直接添加一個(gè)按鈕元素,并設(shè)置該元素的樣式和交互效果,我們可以在表格元素的***后一行添加一個(gè)名為“table-bottom-buttons”的行,并在該行中添加一個(gè)按鈕元素。

table {
  position: relative;
}
table tr:last-child {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
table tr:last-child td {
  text-align: center;
}
table tr:last-child button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f00;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
}

兩種方法都可以實(shí)現(xiàn)給表格添加按鈕的效果,具體使用哪種方法可以根據(jù)實(shí)際需求進(jìn)行選擇。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
亚洲午夜精品久久久久久人妖| 97精品国产97久久久久久春色| 三级午夜理伦三级18禁| 3d熟肉动漫视频一区二区| jizz日本亚洲| 99国产精品99久久久久久粉嫩| 亚洲一区内射后入| 久久精品激情| 亚洲中文字幕无限乱码| 国产污网站| 三年片在线观看免费版电视剧 | 丰满岳乱妇中文字幕| 国产毛片久久久久久国产毛片| 日产精品一卡2卡三卡4乱码| 少妇人妻真实偷人精品视频| 色天天综合| 国产亚洲精品久久777777黑寡妇 | 精品国产又爽又爽www| 国产男女猛烈无遮挡免费视频动漫 | 伊人久久久久久久久久久久久| 欧美人与性动交α欧美精品| 午夜日韩一区二区三区在线观看| 国产av精| aa成人免费视频| av界最极品长腿美腿女神| av黄色免费网站| 久久久久精品国产人妻一区二区| 亚洲欧美在线人成swag| 99久久精品美女高潮喷水十八| 短裙公车被强好爽H吃奶视频| www.xvideos.com日本| 久久成人免费观看| 娇小videodes极品高清| 国产人妻精品一二三区| 色婷婷综合久久| 大吊视频一区二区三区| 中文字幕人妻熟女人妻a62v网站| 精品人伦一区二区三区潘金莲| 五月婷婷欧美激情| 欧美精品1区2区3区| 欧美精品成人在线观看|