v. W3-panel for Rounded panels:- Rounded panel को create करना बहुत आसान है इसको प्रयोग करने के लिए w3-round class का उपयोग किया जाता है यदि round की size बढ़ानी है तो w3-round-size class का उपयोग किया जाता है
v. W3-panel for Rounded panels:- creating rounded panel is easy, you have to add the class w3-rounded-size, where you have to replace size with the roundness size you want.
Class |
Defines |
W3-round |
Element rounded (border-radius) 4px |
W3-round-small |
Element rounded (border-radius) 2px |
W3-round-medium |
Element rounded (border-radius) 4px |
W3-round-large |
Element rounded (border-radius) 8px |
W3-round-xlarge |
Element rounded (border-radius) 16px |
W4-round-xxlarge |
Element rounded (border-radius) 32px |
Example:
<div class=”w3-panel w3-blue w3-round-xlarge”> <p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p> </div> |