码迷,mamicode.com
首页 > 其他好文 > 详细

常用标签整理

时间:2016-11-24 11:14:19      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:处理   char   文本框   relative   css   文本   app   user   内容   

1.文本框鼠标/焦点处理

<input type="text" name="userid" value="USERNAME" onfocus="this.value = ‘‘;" onblur="if (this.value == ‘‘) {this.value = ‘USERNAME‘;}">

2.三角形图表fontawesone/纯css

链接http://fontawesome.dashgame.com/

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link href="font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">

<title></title>

<style type="text/css">
.demo{
position: relative;
}
.demo:after {
border: 10px solid transparent;
border-left: 10px solid #f00;
width: 0;
height: 0;
position: absolute;
content: ‘ ‘
}

</style>

.demo{
position: relative;
}
.demo:after {
border: 10px solid transparent;
border-left: 10px solid #f00;
width: 0;
height: 0;
position: absolute;
content: ‘ ‘
}

</head>

<body>

<span class="demo">文字内容</span>

::after

<ul>

<i class="fa fa-caret-right"></i>

</ul>

</body>

 

常用标签整理

标签:处理   char   文本框   relative   css   文本   app   user   内容   

原文地址:http://www.cnblogs.com/ayyayy/p/6096777.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!