الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .dotted { border-style: dotted; } .dashed { border-style: dashed; } .solid { border-style: solid; } .double { border-style: double; } .groove { border-style: groove } .ridge { border-style: ridge; } .inset { border-style: inset; } .outset { border-style: outset; } .none { border-style: none; } .hidden { border-style: hidden; } </style> </head> <body> <h2>CSS border-style</h2> <p class="dotted">dotted borders</p> <p class="dashed">dashed borders</p> <p class="solid">solid borders</p> <p class="double">double borders</p> <p class="groove">groove borders</p> <p class="ridge">ridge borders</p> <p class="inset">inset borders</p> <p class="outset">outset borders</p> <p class="none">none borders</p> <p class="hidden">hidden borders</p> </body> </html>