Special style usage of ul and li, such as the style of the first li and the last li, the special style of the nth li and the nth li from the bottom, the style of odd and even li, and the use of ul and li percentage sorting arrangement style.
LiSpecial style
Hello, you need to log in to our account to view the hidden content, please first Sign in To view!
Ul and li layout styles
ul{ margin: 0; padding: 0; width: calc(100% + 10px); overflow: hidden; } ul li { margin: 0 10px 10px 0; padding: 0; width: calc(25% - 10px); float: left; list-style-type: none; }
The display effect of code layout can be seen in the format of the home page of the site, multi-resolution adaptation, frequently used sorting arrangement and other special style cases.
Text label: Ul style LiStyle
A little Jack https://lkba.cn
The blogger focuses on Z-Blog website construction, website optimization, computer troubleshooting, reinstallation, optimization, maintenance system, etc., QQ/WX: 2126245521 (please specify the purpose)
Copyright © 2020-2023 Jack's works Reserved.
Powered By Z-Blog Sitemap | Shu ICP Bei No. 2023025269 - 1
Processed : 0.049 SQL : 14