CSS text-decoration: line-through
Hiệu ứng CSS này thường dùng cho Giá sản phẩm cũ, sẽ bị gạch ngang, điểm khác biệt ở đây là màu của đường line sẽ khác với text so với đoạn css text-decoration: line-through thì đẹp hơn nhiều. Bạn cần các dòng lệnh sau đây
HTML:
<div id="example">
this is example
<span></span>
</div>
CSS:
#example{
color:#ccc;
font-size: 20px;
position: relative;
display: inline-block;
}
#example span {
position: absolute;
width: 100%;
border-top: 1px solid red;
left: 0;
top: 50%;
}
Xem demo tại: http://jsfiddle.net/amkrtchyan/RHPHX/1/
Tin tức khác
- Laravel updateOrCreate lấy trạng thái insert or update
- Lazy load cho Google tag manager tăng tốc trên PageSpeed
- Wordpress 5 phân trang - wordpress 5 pagination
- PHP So sánh thời gian hơn 24h
- PHP convert multidimensional array to one array using function Flatten
- PHP multidimensional array search by key value array
- Php export data to excel 2007 xlsx
-
Php replace img tab to amp-img26-03-2017
-
Php convert multi array to one array27-04-2017
-
CSS text-decoration: line-through13-04-2017
-
Php glob quét tìm file31-03-2017
-
Tạo file tạm và upload nó bằng FTP php27-03-2017
-
PHP So sánh thời gian hơn 24h10-07-2021
Tin tức liên quan
Video News

Cẩm Loan - Tuyển tập những ca khúc Miền Tây
05-07-2019 7944

List nhạc hay tháng 3/2018
12-03-2018 7598

Liên khúc sến nhảy
22-06-2017 8515
Danh Mục
Liên hệ
Cảm ơn bạn đã liên hệ. Nhân viên chúng tôi sẽ liên hệ với bạn trong thời gian sớm nhất.
© Copyright 2023. Thiết kế website bởi Fdola.com