W3.CSS राउंड क्लासेस
w3-गोल-छोटा
w3-दौर
w3-गोल-बड़ा
w3-राउंड-एक्सलार्ज
w3-दौर-xxबड़ा
W3- गोल - आकार वर्ग किसी भी HTML तत्व में गोल कोनों को जोड़ते हैं:
कक्षा | को परिभाषित करता है |
---|---|
w3-दौर | तत्व गोलाकार (सीमा-त्रिज्या) 4px |
w3-गोल-छोटा | तत्व गोल (सीमा-त्रिज्या) 2px |
w3-गोल-माध्यम | तत्व गोलाकार (सीमा-त्रिज्या) 4px |
w3-गोल-बड़ा | तत्व गोलाकार (सीमा-त्रिज्या) 8px |
w3-राउंड-एक्सलार्ज | तत्व गोलाकार (सीमा-त्रिज्या) 16px |
w3-दौर-xxबड़ा | तत्व गोलाकार (सीमा-त्रिज्या) 32px |
उदाहरण
<div class="w3-round w3-teal">w3-round</div>
सर्कल क्लास
w3-circle वर्ग एक वृत्त के अंदर सामग्री प्रदर्शित करता है ।
एक सर्कल के अंदर एक छवि
उदाहरण
<img class="w3-circle"
src="img_car.jpg" alt="Car">
Text Inside a Circle
Text inside a circle
Example
<div class="w3-padding-32 w3-red w3-circle w3-center">
<h1>The
w3-circle Class</h1>
</div>
A Circle Inside a Circle
Hello
W3.CSS!
Example 1
<div class="w3-padding-32 w3-green w3-circle">
<img src="img_car.jpg"
class="w3-circle" style="width:75%">
</div>
Example 2
<div class="w3-padding-32 w3-green w3-circle">
<div
class="w3-padding-32 w3-red w3-circle w3-center" style="width:55%">
<p class="w3-xlarge">Hello<br>W3.CSS!</p>
</div>
</div>