bài tập tiểu luận CSS3 (Cascading Style Sheet)

L/O/G/O CSS3 CSS3 GVHD: Phạm Công Thành Outline Outline Tổng quan về CSS Tổng quan về CSS CSS3 CSS3 1 CÁC MODULE CỦA CSS3 CÁC MODULE CỦA CSS3  CSS3 Borders  CSS3 Background  CSS3 2D Transforms  CSS3 3D Transforms  CSS3 Transitions  CSS3 Animations  CSS3 Multiple Columns  CSS3 User Interface  CSS3 Gradient  CSS3 Text Effects  CSS3 Fonts Borders: Borders: Tạo ra 4 góc bo tròn cho đường viền Border Radius Border-image Dùng để định dạng các dạng border bằng hình ảnh. Có 3 loại chính: Có 3 loại chính: Tạo bóng đổ (bóng nền) cho đường viền. Box Shadow Box Shadow tag { border: bề-dày kiểu mã-màu; border-radius: giá trị; } div{ border:2px solid #999; border-radius:30px; background:#CCC; width:300px; padding:10px; text-align:center; } tag { border-image: giá trị; } div { border:15px; width:170px; padding:10px; border-image:url("blueborder.gif") 30 30 round; } Tag { box-shadow: x y; } div{ background:#0000FF; height: 100px; width: 150px; box-shadow: 10px 10px #999999; } Tex div { width:200px; height:100px; background-color:yellow; transform:rotate(30deg); } t in here Cho phép xoay, kéo dãn, kéo nghiêng thành phần trên trang Text in here Transform . L/O/G/O CSS3 CSS3 GVHD: Phạm Công Thành Outline Outline Tổng quan về CSS Tổng quan về CSS CSS3 CSS3 1 CÁC MODULE CỦA CSS3 CÁC MODULE CỦA CSS3  CSS3 Borders  CSS3 Background  CSS3 2D Transforms  CSS3. 2D Transforms  CSS3 3D Transforms  CSS3 Transitions  CSS3 Animations  CSS3 Multiple Columns  CSS3 User Interface  CSS3 Gradient  CSS3 Text Effects  CSS3 Fonts Borders: Borders: Tạo ra