文档章节

空闲占位符X css实现

IT_小翼
 IT_小翼
发布于 2017/09/27 15:43
字数 77
阅读 62
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

空闲占位符X css实现

<!DOCTYPE html>
<html lang="en">
<head>
  <style type="text/css">
    #root {
      width: 100px;
      height: 45px;
      background-color: #eeeeee;
      position: relative;
    }

    #root::after, #root::before {
      position: absolute;
      content: " ";
      width: 101%;
      height: 3px;
      top: 20px;
      background-color: #999999;
    }

    #root::after {
      transform: rotate(21deg);
    }

    #root::before {
      transform: rotate(-21deg);
    }
  </style>
</head>
<body>

  <div id="root"></div>

</body>
</html>

效果如下图: 输入图片说明

© 著作权归作者所有

IT_小翼

IT_小翼

粉丝 44
博文 153
码字总数 36364
作品 0
西安
程序员
私信 提问
详解scss的继承、占位符和混合宏

1、继承和占位符 两者都是通过来引用。 1.1 继承 一个已经存在的css样式类,可以被其他样式类继承。 例如,实现以下css样式: scss中可以这样写,显然,这种写法便于维护和阅读! 1.2 占位符...

godbmw
2018/06/02
0
0
Sass和LESS-动态CSS技术

一、简介 二、Sass/Scss的使用 变量 注释 中注释的作用包括帮助你组织样式、以后你看自己的代码时明白为什么这样写,以及简单的样式说明。但是,你也并不希望每个浏览网站源码的人都能看到所...

dhb_oschina
2016/05/17
125
0
textField占位图片

一、我们通常在设计登录界面时会用到UITextField,如下图所示: 通常想实现下面几点: 1、左边显示图片 2、textField中添加默认的占位符(提示文字),并且希望占位符和左边图片有一点的距离...

卡奇匠
2016/06/17
253
0
最好的CSS方式——OOCSS+ Sass

面向对象的CSS很不错,但是让非语义化的词标识你的类是很不明智的。这些类散布在你的HTML里面等着去做调整,会变得很没意思。但是如果你把OOCSS和Sass结合就让未经渲染的模块化CSS和难以维护...

彭博
2012/11/26
393
0
最好的CSS方式——OOCSS+ Sass

面向对象的CSS很不错,但是让非语义化的词标识你的类是很不明智的。这些类散布在你的HTML里面等着去做调整,会变得很没意思。但是如果你把OOCSS和Sass结合就让未经渲染的模块化CSS和难以维护...

曾沙
2012/10/17
8.6K
12

没有更多内容

加载失败,请刷新页面

加载更多

类比思想歪解Java线程

在操作系统的概念里,有内核态,用户态。其实,操作系统的最小执行单位是进程,而进程是分类型的,有两种类型,内核进程,用户进程。 内核进程由操作系统启动时创建,用户进程是由用户程序启...

萧默
48分钟前
2
0
Git推送错误“ [[远程拒绝]主机->主机(分支当前已签出)”)

昨天,我发布了一个有关如何将Git存储库从我的一台计算机克隆到另一台计算机的问题 , 如何从另一台计算机“ git clone”? 。 现在,我可以成功地将Git存储库从源(192.168.1.2)克隆到目标...

javail
57分钟前
4
0
Selenium 4.0 Alpha更新日志

早在2018年8月,整个测试自动化社区就发生了一件重大新闻:Selenium的创始成员Simon Stewart在班加罗尔Selenium会议上正式确认了Selenium 4的发布日期和一些重要更新。 Selenium 4.0 Alpha版...

八音弦
今天
7
0
2、编写程序求Sn=a+aa+aaa+…+aa…aa的值,其中a是1—9之间的一位数字,n表示 a的位数

//编写程序求Sn=a+aa+aaa+…+aa…aa的值,其中a是1-9之间的一位数字, //n表示 a的位数 #include<stdio.h> int main() { int a,n,i,Sn=0,Z=0; printf("please intput a:\n"); scanf("%d",&a......

201905021729吴建森
今天
5
0
Git中的HEAD是什么?

您会看到Git文档说出类似 分支必须在HEAD中完全合并。 但是到底什么是Git HEAD ? #1楼 了解正确答案的一种好方法是运行git reflog HEAD ,您可以获得HEAD所指向的所有位置的历史记录。 #2楼...

技术盛宴
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部