html设置文本的下划线效果,CSS3 自定义文本下划线样式

CSS

语言：

CSSSCSS

确定

body {

background: #165578;

}

.wrapper {

width: 500px;

margin: 0 auto;

}

h1 {

color: white;

display: inline;

border-bottom: 3px solid #0e364d;

padding-bottom: 8px;

line-height: 1.75em;

}

h1:after,

h1:before {

content: "";

display: block;

margin: 1em 0;

}

.fancy {

border-width: 0 0 5px;

border-style: solid;

-webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat;

-o-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat;

border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 fill repeat;

}

.fancy2 {

box-shadow: 0px 7px 5px -2px rgba(0, 0, 0, 0.3);

}

.fancy3 {

background-color: #124662;

}

.fancy4 {

border-width: 0 0 5px;

border-style: solid;

-webkit-border-image: -webkit-linear-gradient(45deg, #0d3349, #155274) 10% round;

-o-border-image: linear-gradient(45deg, #0d3349, #155274) 10% round;

border-image: linear-gradient(45deg, #0d3349, #155274) 10% round;

}

html设置文本的下划线效果,CSS3 自定义文本下划线样式相关推荐

android自定义下拉筛选,android自定义Spinner下拉菜单(下拉列表框)样式
在Android中Spinner就是下拉菜单,它相当于HTML中的标签. Android中提供的Spinner Widget下拉菜单已经非常好用了,样式也适用, 不过我们还是可以通过定义xml的方式来 ...
css3自定义checkbox radio的样式
自定义input[type="radio"]的样式 vue input复选框checkbox默认样式纯css修改 vue 修改checkbox样式: <div class=& ...
css文字下划线效果
css文字下划线效果使用css实现下划线在鼠标放上去从左往右,离开也是从左往右的效果利用 :hover 改变下划线的宽度,来实现这个效果宽度改变的方向是从元素的定位来决定的,所以初始右定位设为0 ...
wps带阴影的边框怎么设置_怎么把表格加框_win7系统下wps设置阴影边框的方法
2017-06-20 09:31:11 Excel一款试算表软件,编辑表格或数据都会用到,一些细心的Win7系统用户发现在Excel表格中设置了分页符的文档看起来就比较难看,Excel的分页符线框是粗 ...
android自定义三级下拉,Android自定义下拉框的简单实现
安卓自带的Spinner不会用啊,换个图片都好麻烦,更别提做各种自定义的效果了自己尝试着写了个能用的实现思路: 给予一个控件点击事件,弹出PopupWindow,通过对PopupWindow内的控 ...
HTML文本下划线效果,聊聊CSS中文本下划线_CSS, SVG, masking, clip-path, 会员专栏, text-decoration 教程_W3cplus...
在Web中给文本添加下划线常常出现在链接的文本上,早期一般使用text-decoration属性给文本添加下划线.删除线等.除了text-decoration之外,CSS还有很多技术方案可以给文本添加 ...
CSS3动画 - title下划线的拉伸效果
类似于加载条 1. 效果图 2. 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&qu ...
【CSS】下划线与文字间距，下划线粗细以及下划线颜色的设置
最开始的时候了解下划线的属性是: text-decoration:underline; 但是,很遗憾的是,对于设计做的下划线用浏览器默认属性样式很难调整,使用这个属性并不能调整下划线与文字的间距,而且 ...
[css] 请说说CSS3实现文本效果的属性有哪些？
[css] 请说说CSS3实现文本效果的属性有哪些? text-shadow:文字阴影效果 word-wrap:换行设置个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷 ...

html设置文本的下划线效果,CSS3 自定义文本下划线样式

html设置文本的下划线效果,CSS3 自定义文本下划线样式相关推荐

最新文章

热门文章