html css伪元素标签(二)灵活
来源:互联网 发布:男士内裤淘宝店铺名 编辑:程序博客网 时间:2024/06/08 10:27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*段落首字母*/
p:first-letter{
background-color:#993300;
}
/*段落悬停时*/
P:hover{
background-color:#3333FF;
}
/* input输入框聚焦时*/
input:focus{
background-color:#CC6633;
}
</style>
</head>
<body>
<input type="text" />
<p>这是一个段落</p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*段落首字母*/
p:first-letter{
background-color:#993300;
}
/*段落悬停时*/
P:hover{
background-color:#3333FF;
}
/* input输入框聚焦时*/
input:focus{
background-color:#CC6633;
}
</style>
</head>
<body>
<input type="text" />
<p>这是一个段落</p>
</body>
</html>
阅读全文
0 0
- html css伪元素标签(二)灵活
- css伪元素(二)
- html css伪元素选择器
- 二、CSS伪类和伪元素
- CSS实例(二):灵活使用Input元素
- CSS 伪元素 (Pseudo-elements)(二十一)
- 9.css中的伪元素<a>标签<p>标签
- HTML+CSS基础(二):认识html标签
- CSS布局中HTML标签元素分类
- RobotFramework测试问题三:元素不能定位问题二(css 伪元素)
- 【CSS进阶】伪元素的妙用--单标签之美
- 【CSS进阶】伪元素的妙用--单标签之美
- html css层叠样式基础(后代和子代元素选择器,伪类选择器)(四)
- 【教程】html+css零基础入门教程之 伪元素(三十一)
- HTML与CSS基础之伪元素(五)
- HTML与CSS基础之子元素的伪类(七)
- css 伪类 伪元素
- css伪类,伪元素
- 怎么判断软件公司是否靠谱
- 工作小记录,server中调用update却被回滚。
- 【RabbitMQ】—— Exchange类型
- 手写选择题识别-封装tensorflow模型-移植到android程序
- 将其他编码文件转化为UTF8文件
- html css伪元素标签(二)灵活
- ES6数组扩展
- Gradle2.0用户指南翻译——第二章. 概述
- 进制转换(栈 && 16进制转换)
- 互动大屏,unity透明视频的实现方法:
- java 基础
- 7.31 A
- 数据冒险之栈应用(数制转换、括号匹配)
- phpunit实践笔记