Computer Science, asked by raj8457, 10 months ago

Design a web page which contains three paragraph with different backgrounds Color and font Color. (use CSS code)​

Answers

Answered by AkshatZayn
3

</p><p>&lt;style&gt;</p><p>body { margin: 0 auto;}</p><p>.nav{ position: absolute; top: 8%; left: 0%; height: 40px; width: 100%; background: linear-gradient(45deg, purple, red) ;}</p><p>.nav li { list style: none; display: flex; float: left; padding: 5px 10px; fon-family: impact; font-size: 11px; color: #fff;}</p><p>.p1{padding: 50px 50px; background: yellow; color: red;}</p><p>.p2{padding: 50px 50px; background: red; color: yellow;}</p><p>.p3{padding: 50px 50px;background: green; color: #fff;}</p><p>&lt;/style&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="nav"&gt;</p><p>&lt;li&gt; Home &lt;/li&gt;</p><p>&lt;li&gt; About &lt;/li&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class= "p1"&gt;</p><p>&lt;h2&gt;Paragraph 1&lt;/h2&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class= "p2"&gt;</p><p>&lt;h2&gt;Paragraph 2&lt;/h2&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class= "p3"&gt;</p><p>&lt;h2&gt;Paragraph 3&lt;/h2&gt;</p><p>&lt;/div&gt;</p><p>&lt;/body&gt;</p><p>

Similar questions