Thứ Sáu, 1 tháng 3, 2013
Server là gì?
Server là một máy chủ chứa dữ liệu và cho phép các máy trạm có thể kết nối đến qua một cổng nhất định để đọc và lấy dữ liệu
Thứ Hai, 25 tháng 2, 2013
Làm thẻ div có thanh cuộn
Dùng thuộc tính: overflow:auto;
#thediv_scroll{
height:300px;
width:300px;
margin-left:300px;
border:1px #999999 solid;
padding: 5px 5px 5px 5px;/* canh chinh noi dung va le the div*/
overflow:auto; /* thuoc tinh nay lam xuat hien thanh cuon*/
}
<body>
<div id="thediv_scroll">
Khi bạn đưa nội dung dài hơn chiều cao và chiều rộng của thẻ div thì trình duyệt sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame. Kỹ thuật này hiện có khá nhiều Website sử dụng để có cách thể hiện nội dung riêng biệt của mình.
sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.
</div>
</body>
#thediv_scroll{
height:300px;
width:300px;
margin-left:300px;
border:1px #999999 solid;
padding: 5px 5px 5px 5px;/* canh chinh noi dung va le the div*/
overflow:auto; /* thuoc tinh nay lam xuat hien thanh cuon*/
}
<body>
<div id="thediv_scroll">
Khi bạn đưa nội dung dài hơn chiều cao và chiều rộng của thẻ div thì trình duyệt sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame. Kỹ thuật này hiện có khá nhiều Website sử dụng để có cách thể hiện nội dung riêng biệt của mình.
sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.sẽ tự động sinh ra thanh cuôn ngang và thanh cuộn dọc giống như iFrame.
</div>
</body>
Đổ bóng thẻ DIV với CSS3
Thuộc tính mới "box-shadow" của CSS3 là một trong những thuộc tính khá
hữu dụng và được sử dụng nhiều trong quá trình viết CSS. Với thuộc tính
này bạn có thể tạo cho các thành phần trong website của mình hiệu ứng
bóng đổ đẹp mắt. Tuy nhiên thuộc tính này không được hỗ trợ trên toàn bộ
các trình duyệt hiện tại, thuộc tính này chỉ được hỗ trợ từ Safari 3+,
Firefox 3.1 (Alpha), Chrome, Opera và IE 9+.
box-shadow: -5px -5px 5px #666;
hữu dụng và được sử dụng nhiều trong quá trình viết CSS. Với thuộc tính
này bạn có thể tạo cho các thành phần trong website của mình hiệu ứng
bóng đổ đẹp mắt. Tuy nhiên thuộc tính này không được hỗ trợ trên toàn bộ
các trình duyệt hiện tại, thuộc tính này chỉ được hỗ trợ từ Safari 3+,
Firefox 3.1 (Alpha), Chrome, Opera và IE 9+.
#yourdiv {box-shadow: thamso1, thamso2, thamso3, mau;}- thamso1: Bóng đổ theo chiều ngang, nghĩa là phần bóng đổ sẽ lệch về phía phải của đối tượng.
- thamso2: Bóng đổ theo chiều dọc, nghĩa là phần bóng đổ sẽ lệch về phía trên của đối tượng.
- thamso3: Độ rộng hay còn gọi là độ dày của bóng đổ.
- màu: Màu sắc của phần bóng đổ.
#yourdiv {background: #eee;box-shadow: 5px 5px 5px #666;-moz-box-shadow: 5px 5px 5px #666;-webkit-box-shadow: 5px 5px 5px #666;margin-right: 5px;padding: 20px;}
-----
#yourdiv {background: #eee;box-shadow: -5px -5px 5px #666;-moz-box-shadow: -5px -5px 5px #666;-webkit-box-shadow: -5px -5px 5px #666;margin-right: 5px;padding: 20px;}
box-shadow
box-shadow: -5px -5px 5px #666;
Đổ bóng thẻ DIV với CSS3..
- Ví dụ:
Chúng ta thực hiện việc đổ bóng về phía phải – dưới:
box-shadow: 5px 5px 5px#666;
-moz-box-shadow: 5px 5px 5px#666;
-webkit-box-shadow: 5px 5px 5px#666;- Đối số 1: Qui định đổ bóng theo chiều ngang (đơn vị px).
- Đối số 2: Qui định đổ bóng theo chiều dọc (đơn vị px).
- Đối số 3: Độ rộng của bóng đổ (đơn vị px).
- Đối số 4: Màu của bóng đổ.
Bóng đổ về phía trên – trái: Chỉ cần thực hiện với dấu (-) ở trước là dc kết quả mong muốn:
box-shadow: -5px -5px 5px #666;-moz-box-shadow: -5px -5px 5px #666;-webkit-box-shadow: -5px -5px 5px #666;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 10);-moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 10);-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 10);
Tạo góc bo tròn bằng CSS
Tạo góc bo tròn bằng CSS
- Bo tròn 4 gốc:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
Code:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width:350px;
background-color:#999999;
border:1px #0066FF solid;
height:100px;
ex :
<html>
<head></head><style type="text/css">
botron{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width:350px;
background-color:#999999;
border:1px #0066FF solid;
height:100px;
}
</style>
<body>
<div id="botron"></div>
</body>
</html> - Bo tròn góc trên trái
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
- Bo góc tròn dưới trái
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
- Bo góc tròn trên phải
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
- Bo tròn góc dưới phải
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
** at 07/22/2012 10:44 am comment
nhưng sao khi mình viết thẻ không có gợi ý là sao hả bạn. có phải add gì nữa ko
hoadiepdo99 at 07/22/2012 07:54 pm reply
minh vi du cho ban xem do [img]1[/img]
** at 07/22/2012 10:38 am comment
à mình làm đc rồi.cảm ơn nhé
** at 07/22/2012 10:23 am comment
bạn ơi, sao mình ko làm đc bo tròn góc vậy.đây là css mấy vậy bạn
Đăng ký:
Bài đăng (Atom)