css div下划虚线,CSS3 虚线样式的a链接下划线
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链接下划线相关推荐
- html5css字体下划线,如何利用css样式做出文字的下划线?
如何利用css样式做出文字的下划线? 在将网页设计完成后,接下来就需要前端和后端工程师的配合,来将网页正式上线了.但是身为网页设计师,还是有必要掌握一些前段知识的,主要指html5和css3,在招聘网 ...
- 双下划线一粗一细怎么加_css双下划线 css样式中怎样控制下划线的粗细?
html 怎么加双横线给相应的标签加一个属性border-bottom:3px double red; 如果双线间的距离要加大,把3px改为更大的值就行了,不过不能小于3px,不然就叠在一起看不出来是 ...
- php文字链接下划线怎么取消,css怎么去掉超链接下划线
在网页中难免有若干对文字A超链接锚文本,但是在默认情况下带链接的文字全部都是有下划线效果的,那么如何把这个超链接的下划线效果给去掉呢?那我们就要借助强大的CSS了. 通过CSS设置要想让带超链接锚文本 ...
- CSS动画:有活力的链接下划线
链接下划线是非常常见的一种样式,最近做了一个非常简单的视觉效果,非常不错,可以点下面链接查看. http://jsbin.com/zanewe/edit?html,css,output 创建这种效果是 ...
- 微信小程序点击更改样式-点击获得下划线
微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...
- Android 验证码和密码输入框,能自定义输入框个数和样式(连体,下划线和方形框) 类似微信支付宝的密码输入框等
MNPasswordEditText 项目地址:maning0303/MNPasswordEditText 简介: Android 验证码和密码输入框,能自定义输入框个数和样式(连体,下划线和方形框 ...
- 通过CSS样式修改超链接颜色下划线
HTML文件: <style type="text/css"> a:link {color:#000000;} /* 未访问链接*/ a:visited {color: ...
- html如何让链接下划线消失,css让超链接不加下划线?
html中a标签是用来设置超链接的,不加任何的css样式,a标签默认会有一条下划线,本篇文章将介绍如何使用css去除a标签的下划线,感兴趣的同学,一起来学习吧. css让超链接不加下划线? css中去 ...
- 【css练习】斑马线表格,美人尖,断线下划线
源于 how2j教程,这是个特别好的java网站. 斑马线表格 实现效果如下. <style> table{border-collapse:collapse; /*边框合并*/ width ...
最新文章
- Ubuntu系统安装搜狗输入法详细教程
- Android Studio打开项目所有Java文件的import显示红色
- 产品经验谈:阿里B2B电商-新零售产地供应链的思考与实践
- 计算机二级没过学校要重修吗,如果学校说计算机二级没过不给发学位证改怎么办...
- java:蓝桥杯 矩阵乘法
- go语言之行--golang核武器goroutine调度原理、channel详解
- urlconnection java_Java 网络编程:必知必会的 URL 和 URLConnection
- 三年白干!程序员因违反《竞业协议》赔偿腾讯97.6万元,返还15.8万元
- In this way, Wang Xing became Li Xiang’s closest
- 【JavaFx】eclipse搭建JavaFx开发环境
- python编程100例讲解_【python】编程语言入门经典100例--4
- 天线工程手册_胆大心细 专业敬业——记FPSO改装MV30项目球形天线组装工程
- 网页设计心得HTML心得体会3000,网页制作的心得体会
- MariaDB数据库导出导入
- win7怎么把计算机图标下的箭头掉,win7系统桌面图标小箭头去掉的操作方法
- 工作效率的提升——如何高效沟通,有效降低沟通成本
- android模拟器录制视频教程,畅玩安卓模拟器怎么录制视频?畅玩模拟器录制游戏视频图文教程...
- 在线文档编辑插件——KindEditor
- VMware: vmw_ioctl_command error 无效的参数
- 谷歌AAB 安装到手机或者模拟器上
热门文章
- WireShark发现局域网中的ARP病毒
- excel点导入arcgis生成点文件
- 国内“虚拟试妆”之路任重道远
- matlab无约束最优化的一般算法流程图及代码(进退法,Fibonacci,黄金分割法,抛物线法)
- 小程序 onReachBottom 上拉加载事件失效
- sessions 和 processes
- 深入浅出 Swift 中的 some、any 关键字以及主关联类型(primary associated types)
- linux显示器镜像翻转,Ubuntu Linux显示器屏幕偏移的解决办法
- 万能计算机作文,万能作文大全电脑版
- 如何在SQL中设置自动编号