From 7bd93b333f01cfda9387ba1b566a6adcf9c7c714 Mon Sep 17 00:00:00 2001 From: Nathan Steel Date: Tue, 22 Nov 2022 10:20:19 -0500 Subject: [PATCH] More tweaks to your-first-webpage styling... I didn't like the blue, and if it's going to be a tutorial, I want it to look like I care a little... --- guides/your-first-webpage.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/guides/your-first-webpage.html b/guides/your-first-webpage.html index 8f05880..e90cad8 100644 --- a/guides/your-first-webpage.html +++ b/guides/your-first-webpage.html @@ -97,8 +97,8 @@ } html{ font-size: 12px; - background: #67aacc; - background: linear-gradient(0, #67aacc 0%, #8cecf5 35%, #8cecf5 55%, #fff 100%); + background: #EEE; + background: linear-gradient(0, #DDD 0%, #EEE 35%, #FFF 55%, #EEE 100%); } body{ margin: 0; @@ -133,11 +133,11 @@ ul{ list-style-type: square; } img{ - border: 2px solid #67aacc; + border: 2px solid #10106b; border-style: dashed; } img:hover{ - border-color: lightskyblue; + border-color: ##6f6fa5; }

Note how we specify the name of the HTML tags in the CSS. They're a direct one-to-one, so adding styling to ul in the CSS, changes the appearance of ul in the HTML.

@@ -145,7 +145,7 @@ img:hover{

Customise your site

I've intentionally made the styling "cool" and experimental for those unfamiliar with CSS. That means that there should be some wiggle room for you to figure out, and mess around with it, to find something you like.

-

If you're unsure about the #67aacc, etc. they're colours, take a quick look here.

+

If you're unsure about the #10106b, etc. they're colours, take a quick look here.

Page title