美文网首页前端技术
2019.5.14前端小总结

2019.5.14前端小总结

作者: 剑有偏锋 | 来源:发表于2019-05-14 17:22 被阅读0次

一 给文字加下划线

1 使用text-decoration属性

text-decoration: underline;

2 使用border-bottom属性

border-bottom-style:solid;

效果图


二 在文本框内加提示用图标/文字

文本框使用相对定位

.input{
  position: relative;
}

提示图标/文字使用绝对定位

.tip{
      position: absolute;
      right: px2rem(18);
      bottom: px2rem(10);
}

效果


引用

https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-decoration

https://developer.mozilla.org/zh-CN/docs/Web/CSS/border#HTML

https://c.runoob.com/front-end/61 在线网页编辑器,Mozilla 打造的Thimble

相关文章

  • 2019.5.14前端小总结

    一 给文字加下划线 1 使用text-decoration属性 2 使用border-bottom属性 效果图 二...

  • 前端总结-小总结

    前端总结-小总结 针对当前公司只有我一个前端6个后台公司要求写的基础规范 前端总结 手机端 手机端文字大小范围22...

  • 2019.5.14工作总结

    今天维护了很多客户,发现所有客户都维护了一圈啦,特别开心,最近的已经维护到5月5号的啦!不过5号距离现在也有9天了...

  • 岱庙里的芍药花

    2019.5.14

  • 岱庙小景

    2019.5.14

  • 2019.5.21 前端小总结

    1 js大数处理 js浮点处理,总有一些奇奇怪怪的问题,比如 众所周知JS仅有Number这个数值类型,而Numb...

  • 寒冬期前端准备总结---浏览器篇

    ⚠️⚠️传送门⚠️⚠️ 寒冬期前端准备总结---JS篇[寒冬期前端准备总结---浏览器篇]寒冬期前端准备总结---...

  • 寒冬期前端准备总结---JS篇

    ⚠️⚠️传送门⚠️⚠️ [寒冬期前端准备总结---JS篇]寒冬期前端准备总结---浏览器篇寒冬期前端准备总结---...

  • 忍者神龟·比心

    『比心』 ——TMNT·2019.5.14

  • 寒冬期前端准备总结---CSS篇

    ⚠️⚠️传送门⚠️⚠️ 寒冬期前端准备总结---JS篇寒冬期前端准备总结---浏览器篇寒冬期前端准备总结---服务...

网友评论

    本文标题:2019.5.14前端小总结

    本文链接:https://www.haomeiwen.com/subject/dpxeaqtx.html