सीएसएस में ब्लॉक की सीमाओं को गोल करना
अब हम ब्लॉक के कोनों को गोल करना सीखेंगे।
इसके लिए border-radius प्रॉपर्टी का उपयोग करना चाहिए,
जो पिक्सेल में मान लेती है।
इसका क्या मतलब है कि हमने गोलाई निर्दिष्ट की है,
उदाहरण के लिए, 10px में? यह उस वृत्त की त्रिज्या है,
जिसे इस गोलाई में फिट किया जा सकता है। यदि
आपको गणित में कठिनाई हो रही है और आपको
आखिरी वाक्य समझ में नहीं आया - इसे भूल जाएं और
बस आंख से गोलाई को समायोजित करें। कुछ
अनुभव होने पर ऐसा करना कोई समस्या नहीं है (मापने
वाले उपकरण से गोलाई को मापने के लिए कोई उपकरण मौजूद नहीं है,
कम से कम मैंने ऐसे के बारे में नहीं सुना है)।
आइए एक ब्लॉक के कोनों को गोल करें, इसे
10px में गोलाई देकर:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
इस नमूने के अनुसार पेज को दोहराएं:
