আসসালামু আলাইকুম, সকল ব্লগার বন্ধুদের জানাই সালাম এবং শুভেচ্ছা। আশা করি সকলে ভাল আছেন। আমাদের ওয়েবসাইটের পোস্ট লিখতে গেলে অথবা থিম সাজাতে গেলে অনেক সময় বর্ডার-এর প্রয়োজন হয়। আজকের এই আর্টিকেলে আমরা এইচটিএমএল বর্ডার (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>