কিভাবে এইচটিএমএল বর্ডার (html border) তৈরি করবেন – জেনে নিন

আসসালামু আলাইকুম, সকল ব্লগার বন্ধুদের জানাই সালাম এবং শুভেচ্ছা। আশা করি সকলে ভাল আছেন। আমাদের ওয়েবসাইটের পোস্ট লিখতে গেলে অথবা থিম সাজাতে গেলে অনেক সময় বর্ডার-এর প্রয়োজন হয়। আজকের এই আর্টিকেলে আমরা এইচটিএমএল বর্ডার (html border) কয়েকটি খুব সহজে তৈরি করে দেখানোর চেষ্টা করবো।  

different html border style :

style= border:solid style= border:dotted style=border:dashad style=border:double style=border-bottom style= border-left  

different html border color:

blue, red, yellow, white, green,Orange, black, উদাহরণ সরূপ কয়েকটি কালারের নাম উল্লেখ করা হলো আরও অনেক কালার রয়েছে, আপনি গুগল সার্চ করলে পেয়ে যাবেন। এছাড়াও বিভিন্ন ওয়েবসাইট আছে তারা কালার তৈরি করে সেখান থেকে কালার সংগ্রহ করে বর্ডার তৈরি করতে পারবেন। 

আরও পড়ুন : কিভাবে (ব্লগস্পট.কম) ব্লগার-এ কাস্টম ডোমেইন যুক্ত করবেন -জেন নিন

উদাহরণ সরূপ কয়েকটি এইচটিএমএল বর্ডার এইচটিএমএল বর্ডার তৈরী করে দেখানো হলো:

solid border and html code 

<p style=”border: 2px solid red; padding: 15px; text-align: center;”><span style=”font-size: medium;”>solid border </span></p>

dotted border and html code 

<p style=”border: 2px dotted red; padding: 15px; text-align: center;”><span style=”font-size: medium;”>dotted  border </span></p>

dashed border and html code 

<p style=”border: 2px dashed red; padding: 15px; text-align: center;”><span style=”font-size: medium;”>dashed border </span></p>

solid border and html code 

<p style=”border: 2px double red; padding: 15px; text-align: center;”><span style=”font-size: medium;”>double border </span></p>

 border-left and html code 

<p style=”border-left: 25px dashed red; padding: 15px; text-align: center;”><span style=”font-size: medium;”>left border </span></p>

border-bottom and html code 

<p style=”border-bottom: 2px dashed red; padding: 10px; text-align: center;”><span style=”font-size: medium;”>bottom  border </span></p> 

solid border and background color html code :

<p style=”background-color: yellow; border: 2px solid red; padding: 15px; text-align: center;”><span style=”font-size: medium;”>solid border </span></p>

dotted border and background color html code :

<p style=”background-color: blue; border: 2px dotted  red; padding: 15px; text-align: center;”><span style=”font-size: medium;”>dotted  border </span></p>

আরও পড়ুন : কিভাবে ওয়েবসাইট এমবেড করবেন – জেন নিন |Learn how to embed on the website

পোস্টি বন্ধুদের সাথে শেয়ার করুন,নিজে শিখুন এবং অন্যকে শেখার সুযোগ করে দিন।

আপনার কোন বিষয়ে প্রশ্ন বা জিজ্ঞাসা থাকলে কমেন্টে লিখতে পারেন আমি উত্তর দেওয়ার চেষ্টা করবো।

আরও পড়ুন : কিভাবে ব্লগার (ব্লগস্পট.কম) এর পোস্ট টুইটারে বড় থাম্বনেল দিয়ে শেয়ার করবেন জেনে নিন