Default links
Links are blue and underlined by default. If your link is at the end of a sentence or paragraph, make sure that the linked text does not include the full stop.
Formatted example
This is a linkHTML code
<a href="#">This is a link</a>Markdown
[This is a link](https://www.civilservice.lgbt)Links on dark backgrounds
Use the link--inverse modifier class to show white links on dark backgrounds — for example, in headers, custom components, and patterns with darker backgrounds.
Make sure all users can see the links — the white links and background colour must have a contrast ratio of at least 4.5:1.
Formatted example
HTML code
<a href="#" class="link--inverse">This is a link</a>Markdown
{:.link--inverse}
[This is a link](https://www.civilservice.lgbt)