Tôi nghĩ rằng các sắc thái nhiều màu/chuyển màu còn hơn thế nữa bóng hộp
Khả năng thuộc tính. Tôi đã sử dụng một phần tử được định vị tuyệt đối với độ dốc đó và đặt nó lên trên văn bản.
http://jsfiddle.net/efdJA/
#toto {
vị trí: tương đối;
màu nền: trắng;
chiều cao: 100px;
border:1px solid red;
}
#toto:trước {
nền: rgb(255,255,255);
lý lịch: url(dữ liệu:hình ảnh/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3Lnc zLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc 3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudF VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zm c2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJ SIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3A tY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIg eT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
nền: -moz-tuyến tính-gradient (trái, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 50%, rgba(255,255,255,1) 100%);
nền: -webkit-gradient(tuyến tính, trên cùng bên trái, trên cùng bên phải, dừng màu (0%,rgba(255,255,255,1)), dừng màu (50%,rgba(226,226,226,1)), dừng màu (100 %,rgba(255,255,255,1)));
nền: -webkit-tuyến tính-gradient (trái, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 50%,rgba(255,255,255,1) 100%);
nền: -o-tuyến tính-gradient (trái, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 50%,rgba(255,255,255,1) 100%);
nền: -ms-tuyến tính-gradient (trái, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 50%,rgba(255,255,255,1) 100%);
nền: gradient tuyến tính (sang phải, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 50%,rgba(255,255,255,1) 100%);
bộ lọc: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1);
vị trí: tuyệt đối;
đáy: 0;
trái: 0;
chiều rộng: 100%;
chiều cao: 10px;
nội dung:'';
}
cho điều khủng khiếplý lịch
Mã bị cắt xén, tôi xin lỗi, tôi đã sử dụng tuyệt vờiTrình tạo độ dốc CSS .
Tôi là một lập trình viên xuất sắc, rất giỏi!