CSS

语言:

CSSSCSS

确定

html {

font-family: sans-serif;

-ms-text-size-adjust: 100%;

-webkit-text-size-adjust: 100%;

}

hr {

height: 0;

-moz-box-sizing: content-box;

box-sizing: content-box;

}

body {

background-color: #fff;

color: black;

font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;

font-size: 18px;

font-style: normal;

font-weight: 400;

letter-spacing: -0.02em;

line-height: 1.4;

text-rendering: optimizeLegibility;

-webkit-font-smoothing: antialiased;

}

body hr {

border: 0;

border-top: 1px solid #b3b3b3;

display: block;

margin: 50px auto 40px auto;

width: 20%;

}

body p {

display: block;

}

body a {

background: transparent;

color: black;

display: inline;

text-decoration: underline;

}

body a:focus,

body a:hover {

color: #3490c9;

}

header {

display: block;

}

.title {

font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;

font-size: 50px;

font-style: normal;

font-weight: 700;

letter-spacing: -0.02em;

letter-spacing: -0.04em;

line-height: 1.1;

margin-bottom: 8px;

text-align: center;

}

.level-1 .body a {

/*background-image: -webkit-linear-gradient(top,$white 50%,$light-gray 50%);

background-image: -moz-linear-gradient(top,$white 50%,$light-gray 50%);

background-image: -o-linear-gradient(top,$white 50%,$light-gray 50%);

background-image: linear-gradient(to bottom,$white 50%,$light-gray 50%);*/

background-image: -webkit-linear-gradient(right, white 0%, white 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(bottom, black 0%, transparent 8%, transparent 100%);

background-position: 0 0px;

/*background-size: 2px 2px;*/

background-repeat: repeat-x;

background-size: 4px 24px;

/*&:focus,

&:hover {

background-image: -webkit-linear-gradient(top,$white 50%,$red 50%);

background-image: -moz-linear-gradient(top,$white 50%,$red 50%);

background-image: -o-linear-gradient(top,$white 50%,$red 50%);

background-image: linear-gradient(to bottom,$white 50%,$red 50%);

}*/

text-decoration: none;

}

.level-1 .content {

display: block;

font-family: Georgia, Cambria, "Times New Roman", Times, serif;

font-size: 22px;

font-style: normal;

font-weight: 400;

letter-spacing: 0.01rem;

line-height: 1.5;

margin: 0 auto;

max-width: 60%;

}

.level-1 .thanks {

font-size: 0.8em;

text-align: center;

}

css div下划虚线,CSS3 虚线样式的a链接下划线相关推荐

  1. html5css字体下划线,如何利用css样式做出文字的下划线?

    如何利用css样式做出文字的下划线? 在将网页设计完成后,接下来就需要前端和后端工程师的配合,来将网页正式上线了.但是身为网页设计师,还是有必要掌握一些前段知识的,主要指html5和css3,在招聘网 ...

  2. 双下划线一粗一细怎么加_css双下划线 css样式中怎样控制下划线的粗细?

    html 怎么加双横线给相应的标签加一个属性border-bottom:3px double red; 如果双线间的距离要加大,把3px改为更大的值就行了,不过不能小于3px,不然就叠在一起看不出来是 ...

  3. php文字链接下划线怎么取消,css怎么去掉超链接下划线

    在网页中难免有若干对文字A超链接锚文本,但是在默认情况下带链接的文字全部都是有下划线效果的,那么如何把这个超链接的下划线效果给去掉呢?那我们就要借助强大的CSS了. 通过CSS设置要想让带超链接锚文本 ...

  4. CSS动画:有活力的链接下划线

    链接下划线是非常常见的一种样式,最近做了一个非常简单的视觉效果,非常不错,可以点下面链接查看. http://jsbin.com/zanewe/edit?html,css,output 创建这种效果是 ...

  5. 微信小程序点击更改样式-点击获得下划线

    微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...

  6. Android 验证码和密码输入框,能自定义输入框个数和样式(连体,下划线和方形框) 类似微信支付宝的密码输入框等

    MNPasswordEditText 项目地址:maning0303/MNPasswordEditText  简介: Android 验证码和密码输入框,能自定义输入框个数和样式(连体,下划线和方形框 ...

  7. 通过CSS样式修改超链接颜色下划线

    HTML文件: <style type="text/css"> a:link {color:#000000;} /* 未访问链接*/ a:visited {color: ...

  8. html如何让链接下划线消失,css让超链接不加下划线?

    html中a标签是用来设置超链接的,不加任何的css样式,a标签默认会有一条下划线,本篇文章将介绍如何使用css去除a标签的下划线,感兴趣的同学,一起来学习吧. css让超链接不加下划线? css中去 ...

  9. 【css练习】斑马线表格,美人尖,断线下划线

    源于 how2j教程,这是个特别好的java网站. 斑马线表格 实现效果如下. <style> table{border-collapse:collapse; /*边框合并*/ width ...

最新文章

  1. Ubuntu系统安装搜狗输入法详细教程
  2. Android Studio打开项目所有Java文件的import显示红色
  3. 产品经验谈:阿里B2B电商-新零售产地供应链的思考与实践
  4. 计算机二级没过学校要重修吗,如果学校说计算机二级没过不给发学位证改怎么办...
  5. java:蓝桥杯 矩阵乘法
  6. go语言之行--golang核武器goroutine调度原理、channel详解
  7. urlconnection java_Java 网络编程:必知必会的 URL 和 URLConnection
  8. 三年白干!程序员因违反《竞业协议》赔偿腾讯97.6万元,返还15.8万元
  9. In this way, Wang Xing became Li Xiang’s closest
  10. 【JavaFx】eclipse搭建JavaFx开发环境
  11. python编程100例讲解_【python】编程语言入门经典100例--4
  12. 天线工程手册_胆大心细 专业敬业——记FPSO改装MV30项目球形天线组装工程
  13. 网页设计心得HTML心得体会3000,网页制作的心得体会
  14. MariaDB数据库导出导入
  15. win7怎么把计算机图标下的箭头掉,win7系统桌面图标小箭头去掉的操作方法
  16. 工作效率的提升——如何高效沟通,有效降低沟通成本
  17. android模拟器录制视频教程,畅玩安卓模拟器怎么录制视频?畅玩模拟器录制游戏视频图文教程...
  18. 在线文档编辑插件——KindEditor
  19. VMware: vmw_ioctl_command error 无效的参数
  20. 谷歌AAB 安装到手机或者模拟器上

热门文章

  1. WireShark发现局域网中的ARP病毒
  2. excel点导入arcgis生成点文件
  3. 国内“虚拟试妆”之路任重道远
  4. matlab无约束最优化的一般算法流程图及代码(进退法,Fibonacci,黄金分割法,抛物线法)
  5. 小程序 onReachBottom 上拉加载事件失效
  6. sessions 和 processes
  7. 深入浅出 Swift 中的 some、any 关键字以及主关联类型(primary associated types)
  8. linux显示器镜像翻转,Ubuntu Linux显示器屏幕偏移的解决办法
  9. 万能计算机作文,万能作文大全电脑版
  10. 如何在SQL中设置自动编号