|
|
|
ทำกรอบโค้ง แบบมีมิติเหมือนเว็บ divland.com ทำอย่างไรครับ |
|
|
|
|
|
|
|
Code css3
<style>
.black {
width:100px; height:100px;
/*โค้ง*/
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
color: #d7d7d7;
/*ขอบ*/
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top, #666, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
</style>
<div class="black">test</div>
ปรับแต่งดูนะ มันไม่ค่อยจะเวิร์กกับ ie นะ ie จะกลายเป็น เหลี่ยม เบราเซอร์อี่นใช้ได้ปกติ
|
|
|
|
|
Date :
2011-07-12 00:02:59 |
By :
chineji |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมเคยเจอในเว็บฝรั่งมานานแล้วแต่จำไม่ได้ว่าเว็บไร ส่วนใหญ่อยากดู css เจ๋งๆการออกแบบเว็บต้องดูเว็บฝรั่งอ่ะครับเทคนิคเยอะ ผมไม่เก่งหรอกแต่ก็พอดูได้บ้าง
|
|
|
|
|
Date :
2011-07-12 00:04:38 |
By :
chineji |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
โค้ดตัวนี้ลองไปใช้แล้วมันไม่ขึ้นอ่ะค่ะ
ต้องแก้ไขอะไรหรือป่าวค่ะ
|
|
|
|
|
Date :
2011-08-05 09:46:01 |
By :
chadjan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|