Danh ngôn cuộc sống:
| • Bài viết được đăng bởi: Mr. Phan Nhan• Ngày cập nhật bài viết: 11/05/2016• Tổng lược xem trang: 114 / 1 khách• Đánh giá bởi người dùng: |
Thuộc tính border-color : xác định màu sắc của đường viền. Ở đây mình chọn đường viền màu #ff0000.
border-style: none; Xác định thành phần sẽ không có đường viền.
border-style: hidden; Giống như giá trị none, nhưng được dùng cho table.
border-style: dotted; Xác định đường viền cho thành phần là dấu chấm.
border-style: dashed; Xác định đường viền cho thành phần là gạch ngang.
border-style: solid; Xác định đường viền cho thành phần là đường thẳng nét.
border-style: double; Xác định đường viền cho thành phần là 2 đường thẳng nét.
border-style: inset; Xác định đường viền cho thành phần là đường bóng bên trong.
border-style: outset; Xác định đường viền cho thành phần là đường bóng bên ngoài.
Ví dụ: mình muốn hiển thị đường viền gạch ngang cho các thành phần thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền trên đầu, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên phải, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên dưới, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên trái, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền các vị trí xung quanh, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border: solid;
border-color: #ff0000;
}
</style>
</head>
<body>
<p>border-color</p>
</body>
</html>
Thuộc tính border-style : xác định hình dạng của đường viền.<head>
<style type="text/css">
p {
border: solid;
border-color: #ff0000;
}
</style>
</head>
<body>
<p>border-color</p>
</body>
</html>
<html>
<head>
<style type="text/css">
p {
border-style: dotted;
}
</style>
</head>
<body>
<p>border-style</p>
</body>
</html>
Một số loại hình dạng cho border:<head>
<style type="text/css">
p {
border-style: dotted;
}
</style>
</head>
<body>
<p>border-style</p>
</body>
</html>
border-style: none; Xác định thành phần sẽ không có đường viền.
border-style: hidden; Giống như giá trị none, nhưng được dùng cho table.
border-style: dotted; Xác định đường viền cho thành phần là dấu chấm.
border-style: dashed; Xác định đường viền cho thành phần là gạch ngang.
border-style: solid; Xác định đường viền cho thành phần là đường thẳng nét.
border-style: double; Xác định đường viền cho thành phần là 2 đường thẳng nét.
border-style: inset; Xác định đường viền cho thành phần là đường bóng bên trong.
border-style: outset; Xác định đường viền cho thành phần là đường bóng bên ngoài.
Ví dụ: mình muốn hiển thị đường viền gạch ngang cho các thành phần thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-style: dashed;
}
</style>
</head>
<body>
<p>border-style</p>
</body>
</html>
Thuộc tính border-width : xác định bề dày của đường viền. Ở đây mình chọn độ dày của đường viền là 5px.<head>
<style type="text/css">
p {
border-style: dashed;
}
</style>
</head>
<body>
<p>border-style</p>
</body>
</html>
<html>
<head>
<style type="text/css">
p {
border: solid;
border-width: 5px;
}
</style>
</head>
<body>
<p>border-width</p>
</body>
</html>
Thuộc tính border-top : xác định đường viền bên trên.<head>
<style type="text/css">
p {
border: solid;
border-width: 5px;
}
</style>
</head>
<body>
<p>border-width</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền trên đầu, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-top: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-top</p>
</body>
</html>
Thuộc tính border-right : xác định đường viền bên phải.<head>
<style type="text/css">
p {
border-top: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-top</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên phải, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-right: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-right</p>
</body>
</html>
Thuộc tính border-bottom : xác định đường viền bên dưới.<head>
<style type="text/css">
p {
border-right: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-right</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên dưới, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-bottom: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-bottom</p>
</body>
</html>
Thuộc tính border-left : xác định đường viền bên trái.<head>
<style type="text/css">
p {
border-bottom: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-bottom</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên trái, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-left: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-left</p>
</body>
</html>
Thuộc tính border : xác định đường viền các vị trí xung quanh (tổng hợp của border-top, border-right, border-bottom, border-left).<head>
<style type="text/css">
p {
border-left: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-left</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền các vị trí xung quanh, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border</p>
</body>
</html>
<head>
<style type="text/css">
p {
border: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border</p>
</body>
</html>
Những bài viết được đăng mới nhất. 






Toàn bộ nội dung trên wap là do admin sưu tầm, chỉnh sửa và đã được test thử. Các bạn có thể xem và download về hoàn toàn miễn phí (trừ phí phát sinh từ internet của bạn sử dụng. Chúng tôi khuyến khích bạn nên dùng Wifi để tải dữ liệu). Hiện nay có một số trang web gắn mã kích hoạt vào ứng dụng và game. Các bạn chú ý nên tải game hoặc ứng dụng thì nên vào những trang wepsite uy tín nha. Nếu các bạn không biết kiểm tra file có chứa mã độc hay không, thì có thể tải theo hệ điều hành của mình để khỏi phải mất tiền một cách vô lý nha.