W3.CSS

W3.CSS หน้าแรก W3.CSS แนะนำ W3.CSS สี คอนเทนเนอร์ W3.CSS แผง W3.CSS เส้นขอบ W3.CSS การ์ด W3.CSS ค่าเริ่มต้นของ W3.CSS แบบอักษร W3.CSS W3.CSS Google W3.CSS Text W3.CSS รอบ W3.CSS แพ็ดดิ้ง W3.CSS Margins จอแสดงผล W3.CSS ปุ่ม W3.CSS W3.CSS หมายเหตุ คำคม W3.CSS การแจ้งเตือน W3.CSS ตาราง W3.CSS รายการ W3.CSS W3.CSS รูปภาพ อินพุต W3.CSS ป้าย W3.CSS แท็ก W3.CSS ไอคอน W3.CSS W3.CSS ตอบสนอง เค้าโครง W3.CSS ภาพเคลื่อนไหว W3.CSS เอฟเฟกต์ W3.CSS W3.CSS บาร์ ดรอปดาวน์ W3.CSS หีบเพลง W3.CSS W3.CSS การนำทาง แถบด้านข้าง W3.CSS แท็บ W3.CSS การแบ่งหน้า W3.CSS แถบความคืบหน้า W3.CSS สไลด์โชว์ W3.CSS W3.CSS โมดอล เคล็ดลับเครื่องมือ W3.CSS W3.CSS กริด รหัส W3.CSS ตัวกรอง W3.CSS W3.CSS Trends กรณี W3.CSS W3.CSS วัสดุ การตรวจสอบ W3.CSS เวอร์ชัน W3.CSS W3.CSS มือถือ

W3.CSS สี

คลาสสี W3.CSS W3.CSS วัสดุสี W3.CSS Color Flat UI W3.CSS Color Metro UI W3.CSS สี Win8 W3.CSS Color iOS W3.CSS แฟชั่นสี ไลบรารีสี W3.CSS W3.CSS แบบแผนสี ธีมสี W3.CSS W3.CSS เครื่องกำเนิดสี

การสร้างเว็บ

แนะนำเว็บ เว็บ HTML เว็บ CSS JavaScript ของเว็บ เค้าโครงเว็บ เว็บแบนด์ เว็บจัดเลี้ยง เว็บร้านอาหาร สถาปนิกเว็บ

ตัวอย่าง

ตัวอย่าง W3.CSS W3.CSS สาธิต เทมเพลต W3.CSS

อ้างอิง

การอ้างอิง W3.CSS ดาวน์โหลด W3.CSS

W3.CSS รอบชั้นเรียน


w3-รอบ-เล็ก

w3-รอบ

w3-รอบ-ขนาดใหญ่

w3-รอบ-xlarge

w3-round-xxlarge

คลาส ขนาดw3-round- เพิ่มมุมโค้ง นให้กับองค์ประกอบ HTML ใดๆ:

ระดับ กำหนด
w3-รอบ องค์ประกอบโค้งมน (รัศมีขอบ) 4px
w3-รอบ-เล็ก องค์ประกอบโค้งมน (รัศมีขอบ) 2px
w3-รอบ-กลาง องค์ประกอบโค้งมน (รัศมีขอบ) 4px
w3-รอบ-ขนาดใหญ่ องค์ประกอบโค้งมน (รัศมีขอบ) 8px
w3-รอบ-xlarge องค์ประกอบโค้งมน (รัศมีขอบ) 16px
w3-round-xxlarge องค์ประกอบโค้งมน (รัศมีขอบ) 32px

ตัวอย่าง

<div class="w3-round w3-teal">w3-round</div>

The Circle Class

คลาสw3-circleแสดงเนื้อหาภายในวงกลม


รูปภาพภายในวงกลม

ตัวอย่าง

<img class="w3-circle" src="img_car.jpg" alt="Car">


Text Inside a Circle

Text inside a circle

Example

<div class="w3-padding-32 w3-red w3-circle w3-center">
  <h1>The w3-circle Class</h1>
</div>

A Circle Inside a Circle

Hello
W3.CSS!

Example 1

<div class="w3-padding-32 w3-green w3-circle">
  <img src="img_car.jpg" class="w3-circle" style="width:75%">
</div>

Example 2

<div class="w3-padding-32 w3-green w3-circle">
  <div class="w3-padding-32 w3-red w3-circle w3-center" style="width:55%">
    <p class="w3-xlarge">Hello<br>W3.CSS!</p>
  </div>
</div>