css怎么样有下划线然后让文字在最右边,css怎么样有下划线然后让文字在最右边
2条回答 默认 最新
- 那个角落有个bug 2022-05-30 16:49关注
1、下划线可以设置盒子元素的下边框实现(如果标签元素属于行内元素,可设置元素display: inline-block;width: 100px; 实现)
2、文字居右采用 text-align: right; 来实现<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> * { padding: 0; margin: 0; } .line { padding: 2px 0; font: normal 18px/30px PingFangSC; text-align: right; border-bottom: 1px solid saddlebrown; color: burlywood; } </style> </head> <body> <div class="line">05/01/2022 15:47:30</div> </body> </html>
效果:
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
- ¥15 gdf格式的脑电数据如何处理matlab
- ¥20 重新写的代码替换了之后运行hbuliderx就这样了
- ¥100 监控抖音用户作品更新可以微信公众号提醒
- ¥15 UE5 如何可以不渲染HDRIBackdrop背景
- ¥70 2048小游戏毕设项目
- ¥20 mysql架构,按照姓名分表
- ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分
- ¥15 delphi webbrowser组件网页下拉菜单自动选择问题
- ¥15 linux驱动,linux应用,多线程