Laksanakan CSS tersuai yang berbeza (warna fon) untuk pengepala kabel dalam jadual berterusan
P粉563831052
P粉563831052 2023-09-01 19:53:36
0
2
473

Saya mahukan tajuk biru dan kemudian tajuk merah. Sayacat dua bahagian HTML ... kedua-duanya.

Bagaimana untuk mendapatkan tajuk biru dan tajuk merah?

--- output: html_document --- ```{r setup, include=FALSE} knitr::opts_chunk$set(echo=FALSE) ``` ```{r keputusan="asis"} kucing("  kapsyen { warna: biru; }  ") knitr::kabel(kepala(iris), format="html", digit=4, row.names=FALSE, kapsyen='Kapsyen biru', melarikan diri=BENAR)|> kableExtra::kabel_styling(font_size=14) |> kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |> kableExtra::scroll_box(width="100%", height="200px") ``` ```{r keputusan="asis"} kucing("  kapsyen { warna: merah; }  ") knitr::kabel(kepala(iris), format="html", digit=4, row.names=FALSE, kapsyen='Kapsyen merah', melarikan diri=BENAR) |> kableExtra::kabel_styling(font_size=14) |> kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |> kableExtra::scroll_box(width="100%", height="200px") ```
P粉563831052
P粉563831052

membalas semua (2)
P粉865900994

Anda juga boleh menyediakan kelas HTML khas untuk setiap jadual dan mengumpulkan semua gaya dalam blokcssdan bukannya menentukan CSS dalam setiap blok:

--- output: html_document --- ```{r setup, include=FALSE} knitr::opts_chunk$set(echo=FALSE) ``` ```{css} .mytable1 > caption { color: blue; } .mytable2 > caption { color: red; } ``` ```{r results="asis"} knitr::kable(head(iris), format="html", digits=4, row.names=FALSE, caption='Caption blue', escape=TRUE)|> kableExtra::kable_styling(font_size=14, htmltable_class = "mytable1") |> kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |> kableExtra::scroll_box(width="100%", height="200px") ``` ```{r results="asis"} knitr::kable(head(iris), format="html", digits=4, row.names=FALSE, caption='Caption red', escape=TRUE) |> kableExtra::kable_styling(font_size=14, htmltable_class = "mytable2") |> kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |> kableExtra::scroll_box(width="100%", height="200px") ```

Sebagai alternatif, kita boleh memasukkan CSS sebaris di luar blok.

    P粉156983446

    Kerana CSS kedua menimpa CSS pertama.

    Lebih baik lakukan ini:

    cat("  ")

    Kemudian gunakan seperti ini:

    caption='Caption blue', caption='Caption red',

    Adakah ia berkesan?

    Salam, Noel

      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!