Bo góc thẻ DIV sử dụng ảnh?

[phuongdo90]

Cảm ơn bạn! nhưng nó bị vô hiệu hóa trên IE bạn à! firefox thì ngon! có cách nào khác không?

View more random threads:

• Định dạng lại phân trang trong css như thế nào?
• Thiết lập thuộc tính stretch cho hình ảnh trong ASP.NET?
• cách dùng ajax jquery để tao sự kiện cho dropdownlist trong MVC3
• Đưa ghi chú vào textbox trên form login như trang tinhte.vn
• Up web c#.net lên somee bị lỗi HTTP Error 500.22 - Internal Server Error, sửa thế nào?
• Cách Print Report từ Repeater như thế nào?
• New Website hay New Web Applications, cái nào tốt hơn?
• Mình không thẻ mở server explorer(linq sql)
• Microsoft Internet Exlorer WebControls
• Thay đổi ImageURL của Hyperlink khi rê chuột vào

[chimlonvn]

Chào các bạn! mình muốn bo góc cho thẻ DIV mình có 4 cái hình 4 góc rồi. nhờ các bạn chỉ giúp mình muốn như này các bạn à:

bạn nào có cách nào hay hơn chia sẻ nha.

[mphana]

<div class="curved-box">
</div>

.curved-box
{
      width: 298px;    
      margin: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      background-color: #c3d0d4;
 }

Bo tròn góc trái bên trên:
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;

Bo tròn góc phải bên trên:
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;

Bo tròn góc trái bên dưới:
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;

Bo tròn góc phải bên dưới:
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;

[linhphukientaythuc]

Dùng FireBug để lấy các CSS ở site mà bạn thích về dùng thôi [IMG]images/smilies/online.gif[/IMG], ^^ hình trên giống site mình quá ^^

sao a biết e lấy từ site a đó! hihi a dùng div hay dùng table đó e thấy ở mỗi góc có 1 ảnh a à! a hướng dẫn thêm chút đi [IMG]images/smilies/smile.png[/IMG]

[53caugiay]

<div class="curved-box">
</div>

.curved-box
{
      width: 298px;    
      margin: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      background-color: #c3d0d4;
 }

Bo tròn góc trái bên trên:
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;

Bo tròn góc phải bên trên:
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;

Bo tròn góc trái bên dưới:
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;

Bo tròn góc phải bên dưới:
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;

cách này ko ổn lắm đâu
để ổn định,ko hiển thị lệch lạc với các trình duyệt,window,linux,mac thì nên dùng background image

[mphana]

cách này ko ổn lắm đâu
để ổn định,ko hiển thị lệch lạc với các trình duyệt,window,linux,mac thì nên dùng background image

ý a là làm 1 cái ảnh kín vùng đó luôn hả a! à cho e hỏi có chỗ e thấy cái khung có 2 cái hình nền nhưng làm sao mà bo đc 4 góc như vậy a!

[thanhlong243]

ý a là làm 1 cái ảnh kín vùng đó luôn hả a! à cho e hỏi có chỗ e thấy cái khung có 2 cái hình nền nhưng làm sao mà bo đc 4 góc như vậy a!

ko, đầu tiên em phải chế 1 cái khung có bo 4 góc =photoshop
sau đó cắt ra thành 9 phần

1 2 3
4 5 6
7 8 9

1,3,7,9 là 4 góc -image fixed,no repeat
3,4,6,8 là biên -image của mỗi phần sẽ repeat theo chiều ngang hoặc dọc
5 sẽ là phần chứa nội dung

dùng thẻ table hoặc div tạo khung 9 phần như trên

mỗi phần sẽ đặt kích thước vs bacground image tương ứng

regard

[jindovn]

Cảm ơn bạn! nhưng nó bị vô hiệu hóa trên IE bạn à! firefox thì ngon! có cách nào khác không?

IE chuẩn css lăng nhăng nên sài thẻ div chuối lém. Firefox bo ngon vì firefox hỗ trợ css3, trong css3 thì tính năng bo góc là một điểm mạnh và hơn css2 đấy. Còn có cách nào khác ko thì phải sài table, cắt dán ảnh thôi.

[luuvanthuc]

Dùng FireBug để lấy các CSS ở site mà bạn thích về dùng thôi [IMG]images/smilies/online.gif[/IMG], ^^ hình trên giống site mình quá ^^

[10comblog]

Cảm ơn bạn! nhưng nó bị vô hiệu hóa trên IE bạn à! firefox thì ngon! có cách nào khác không?

sử dụng jquerry hoặc sử dụng behavior
nhưng mà safe nhất thì nên sử dụng jquerry kết hợp cả 2

if ($.browser.msie) {    // xài jquerry add css behavior vào  }