<style type="text/css"> .circle { border-radius: 50%/50%; width: 99px; height: 99px; background: red; display:inline-block; } .square { border-radius: 10%/10%; width: 24px; height: 24px; background: orange; } </style> <div class="square"> </div> -- หรือ Inline CSS <div style="height:99px; width:99px; background-color:Red; display: inline-block ;border-radius: 50%/50%;"> </div>
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .circle { border-radius: 50%/50%; width: 99px; height: 99px; background: red; display:inline-block; } .square { border-radius: 10%/10%; width: 24px; height: 24px; background: orange; } </style> </head> <body> <form id="form1" runat="server"> <div style="height:99px; width:99px; background-color:Red; display: inline-block"> </div> <div style="height:99px; width:99px; background-color:Red; display: inline-block ;border-radius: 50%/50%;"> </div> <br /> <span>แสดงผล 100 รายการ </span> </form> <table> <tr> <td> <div class="square"> </div> </td> <td style="padding:8px;"> แสดงผล 10 ระเบียนล่าสุด </td> </tr> </table> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
