--- title: Styling HackMD --- ```shell=echo "shell text" ``` [](https://) ```javascript= console.log("hello world"); ``` ```csharp= Console.WriteLine("asdf"); var test = 1; const test2 = 134; #fgsfg ``` ```html= // Test <!-- Test 2 --> <div>Hello World</div> ``` --- | Column 1 | Column 2 | Column 3 | | -------- | -------- | -------- | | Text | Text | Text | | Text | Text | Text | | Text | Text | Text | Table without headers: | | | | | | ------ | -------- | ------ | -------- | | With | material | design | tables, | | column | headers | become | optional | :::info Info text ::: :::success Success Text ::: :::warning Warning text ::: :::danger Danger text ::: <style> .markdown-body { background-color: #FFFF; background-image: } .ma{ background-color: blue; } .markdown-body pre { background-color: green; border: 1px solid #555 !important; color: green; font-weight: 600; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { background: green; } /* * materialish tables */ .markdown-body table { display: table; padding: 1em; width: 100%; } .markdown-body table th, .markdown-body table td, .markdown-body table tr { border: none !important; } .markdown-body table tr { background-color: transparent !important; border-bottom: 1px solid rgba(0, 56, 0, 0.5) !important; } </style>