Web Designing 101 Class


#242

Sorry about te delay @agbalumo.


#243

Great work.

Now, do you get the concept?

Now, add a background image to your webpage.

Hint:

body {
background-image: url(“paper.gif”);
}

Cc @Angie


#244

A link to your image goes here.


#245

Ok @Angie @Kachie.

The idea is simple. The .css linked to your webpage styles your webpage.


#246


#247

I seem not to know the right way to write the background code in css.
I had to write this background link directly in htm.
This is the second attempt.


#248

CSS Border Properties

The CSS border properties allow you to specify the style, width, and color of an element’s border.

For example, we can style the borders of a paragraph.

@Angie @Kachie, create 10 paragraphs in your htm, then set attribute class in each of them respectively as follows.

dotted
dashed
solid
double
groove
ridge
inset
outset
none
hidden
mix

For example, <p class="dotted">My dotted paragraph.</p>

Then paste this code in your .css

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}


#249


#250

Each paragraph in your htm should look something like this:

<p class="dotted">A dotted border.</p>
<p class="dashed">A dashed border.</p>
<p class="solid">A solid border.</p>
<p class="double">A double border.</p>
<p class="groove">A groove border.</p>
<p class="ridge">A ridge border.</p>
<p class="inset">An inset border.</p>
<p class="outset">An outset border.</p>
<p class="none">No border.</p>
<p class="hidden">A hidden border.</p>
<p class="mix">A mixed border.</p>

It’s the border surrounding the paragraph we are trying to edit.

@Angie


#251

Please what’s the correct way?


#252

body {
background-image: url(“paper.gif”);
}

If your using the above code, you should have a <body> tag in your htm.


#253

Yes. Was showing you I wasn’t getting it😭


#254

:joy::joy: I think your doing great.


#255

thank you so much!


#256

Great. So now I want you to make your website better.

Add more paragraphs to your About Us page, and put borders around each paragraph.


#257

Yes I do get the concept. Let me add a background image to my webpage.


#258

Is this an assignment or classwotk​:sleepy::tired_face:


#259

Assignment due tomorrow oo


#260

Okay…:joy:


#261

My webpage with background.