FY Bsc IT Practical 1(C) Design a web page demonstrating all Style sheet types

Main.html

<!DOCTYPE html>

<html>

<head>

<title>nested lists</title>

<style type="text/css">

.fruits{color:blue}

.vegetables{color:yellow}

</style>

<link rel="stylesheet" type="text/css" href="one.css">

</head>

<body>

<ul style="list-style-type:filled square">

<li class="bg" style="color:red">fruits</li>

<ol style="list-style-type:upper-roman">

<li class="fruits">banana</li>

<li class="fruits">apple</li>

<li class="fruits">mango</li>

</ol>

</ul>

<ol style="list-style-type:lower-alpha">

<li class="bg" style="color:red">vegetables</li>

<ol class="grp1" start="4" style="list-style-type:uppper-roman">

<li class="vegetables">tomato</li>

<li class="vegetables">potato</li>

<li class="vegetables">carrot</li>

</ol>

</ol>

</body>

</html>


One.css 

.bg{background-color:pink}  

Comments

Popular posts from this blog

Program using Light Sensitive Sensors on Tinkercad

Create an android app that demonstrates Activity Lifecycle and Instance State.