7. CSS Borders & Border-Radius
📘 কনসেপ্ট (থিওরি)
বর্ডার এলিমেন্টের চারপাশে দৃশ্যমান সীমানা যোগ করে।
**বর্ডার প্রপার্টি:**
-
border-width — পুরুত্ব (1px, 2px ইত্যাদি)
- border-style — solid, dashed, dotted, double, groove, ridge, none
- border-color — যেকোনো CSS রঙ
**শর্টহ্যান্ড:**
border: 2px solid #38bdf8;
**আলাদা দিক:**
border-top: 3px solid red;
border-bottom: 1px dashed gray;
**Border-radius** গোলাকার কোণা তৈরি করে:
border-radius: 10px; /* সব কোণা */
border-radius: 50%; /* বৃত্ত */
border-radius: 10px 0 10px 0; /* আলাদা কোণা */
💡 উদাহরণ
বর্ডার স্টাইল:
সলিড বর্ডার
ড্যাশড বর্ডার
রাউন্ডেড বর্ডার
🎯 আপনার কাজ (প্র্যাকটিস)
৩টি বক্স তৈরি করুন: একটি solid বর্ডার দিয়ে, একটি dashed বর্ডার ও গোলাকার কোণা দিয়ে, এবং একটি পূর্ণ বৃত্ত।
main.css
Loading...
OUTPUT
Run your code to see the output here...