diff --git a/README.md b/README.md index 27feb77..9f3d634 100644 --- a/README.md +++ b/README.md @@ -107,9 +107,9 @@ Why SPCSS? I often develop primarily text-based websites and webpages. The default style chosen by the web browsers while decent leaves a bit to be desired, so I often add a minimal stylesheet to improve the apperance of -the document, hyperlinks, code blocks, blockquotes, etc. This project -shares the minimal stylesheet that I often rely on for styling simple -websites and webpages. +the document, hyperlinks, code blocks, blockquotes, tables, etc. This +project shares the minimal stylesheet that I often rely on for styling +simple websites and webpages. You are welcome to [fork this repository][fork] and customize it to maintain your own copy of [sp.css](sp.css) with styles that you @@ -144,6 +144,7 @@ Here is a summary of the style changes provided by SPCSS: - Prevent very long lines of code from overflowing outside the gray box for code blocks. Instead, make the code block scrollable when the code overflows the gray box. +- Light borders for table cells. See [this example page][Demo URL] for a quick demonstration of some of these features. diff --git a/index.html b/index.html index f005541..0646020 100644 --- a/index.html +++ b/index.html @@ -119,6 +119,54 @@ hello, world</samp> the rendered width of any image on the page does not exceed the width of the HTML body. This prevents the page layout from appearing broken.
++ This section shows an example of an HTML table. +
+Editor | +Creator | +License | +First Release | +
---|---|---|---|
GNU Emacs | +Richard Stallman | +GNU GPLv3+ | +20 Mar 1985 | +
Vim | +Bram Moolenaar | +Vim License | +02 Nov 1991 | +
GNU nano | +Chris Allegretta | +GNU GPLv3 | +18 Nov 1999 | +
Notepad++ | +Don Ho | +GNU GPLv2 | +24 Nov 2003 | +
Atom | +GitHub | +MIT | +26 Feb 2014 | +
Visual Studio Code | +Microsoft | +MIT | +29 Apr 2015 | +
When you hover your cursor (mouse pointer) on the section heading diff --git a/sp.css b/sp.css index f5200b4..8f7e8f1 100644 --- a/sp.css +++ b/sp.css @@ -64,6 +64,14 @@ blockquote :first-child { blockquote :last-child { margin-bottom: 0; } +table { + border-collapse: collapse; +} +th, td { + border: thin solid #999; + padding: 0.3em 0.4em; + text-align: left; +} @media (prefers-color-scheme: dark) { body { color: #bbb; @@ -87,4 +95,7 @@ blockquote :last-child { blockquote { border-color: #444; } + th, td { + border-color: #666; + } }