← Wszystkie przykłady

CSS Czytanie i skupienie medium.com

Medium: czytelne tabele

Dodaje tabelom w artykule wyraźne obramowania i odstępy, by łatwiej było czytać dane.

Kod do skopiowania

/* Readable borders and padding for tables embedded in posts */
article table {
  border-collapse: collapse !important;
  width: 100% !important;
}
article th, article td {
  border: 1px solid #c7c7c7 !important;
  padding: 8px 12px !important;
  text-align: left !important;
}
article th { background: rgba(0,0,0,0.05) !important; }

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania