<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--<style>
/*.nav{
background-color: red;/*背景颜色*/
background-image: url(../01.jpg); /*加背景图片*/
border: 2px solid black;
width: 200px;
height: 200px;
background-repeat:repeatrepeat ; /*背景图平铺，前面加no-是不平铺。*/
/*background-position: center;*/ /*背景图居中，设置背景图位置时，repeat必须为no-repeatrepeat*/
/*background-size: 100%; /*一张小图填满效果 */
/*background-repeat:round ;*/ /*图片拉伸*/
/*local为背景图随着字体滚动,scroll为不随字体滚动,固定*/
background-attachment:local;
overflow: scroll;*/
}

</style>-->
<style>
.nav{
width: 500px;
height: 100px;
border: 2px solid black;
background-image: url(js/QQ图片20170815095932.png);
/*background-position-y:top 0px;*/
background-position-y:top 312px ;

}
.d2{
border: solid 0px ;
text-align: right;
}
.ziti{
width: 100px;
height: 50;
font-family: "微软雅黑";
font-style: italic; /*倾斜*/
font-weight:bold ; /*加粗*/
text-decoration: overline; /*上划线*/
line-height: 50px;


}
.btn{
text-align: center; /*字体居中*/
width: 50PX;
height: 50PX;
line-height: 50PX; /*行高要和上面设置的行高一样*/
}


.btn:hover{ /*事件=hover,我的理解是标签名+事件{发生事件时具体执行操作的代码}*/
cursor: pointer; /*鼠标触碰变成手*/
background-color: red; /*背景颜色*/
color: blueviolet; /*字体颜色*/
transition: 0.5s; /*渐变时间*/
border-radius:50%; /*圆角*/
/*transform: rotate(45deg); 旋转*/
transform: rotateX(45deg);
}
a{
/*删除超链接里面的超链接*/
text-decoration:none;
}
</style>
</head>
<body>
<!--<div class="nav">
<p>12346789<p/>
<p>12346789<p/>
<p>12346789<p/>
<p>12346789<p/>
<p>12346789<p/>
<p>12346789<p/>
<p>12346789<p/>
<p>12346789<p/>
<p>12346789<p/>
<p>12346789<p/>
</div>-->

<div class="nav">
<div class="d2">请输入
<input type="text" />
<a href="https://www.baidu.com/baidu?tn=monline_3_dg&ie=utf-8&wd=font%E6%A0%87%E7%AD%BE%E4%BB%80%E4%B9%88"target="_blank"/><input type="submit"/></a>
</div>
</div>
<div class="ziti">文字文字文字</div>
<div class="btn" translate=""><a href="http://www.biqukan.com/26_26670/9485503.html" target="_blank" />按钮</a></div>
</body>
</html>

PHP初入，div知识点整理（特效&字体等元素的使用整理）的更多相关文章

  1. PHP初入,基础知识点分享（a标签&表格的嵌套&文字的处理）

    <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...

  2. 初学HTML5、初入前端

    学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...

  3. 初入职场的建议--摘自GameRes

    又开始一年一度的校招了,最近跑了几个学校演讲,发现很多话用短短的一堂职业规划课讲还远远不够,因为那堂课仅仅可能帮大家多思考怎样找到一份合适的工作,并没有提醒大家怎样在工作中发展自己的职业. 见过这么多 ...

  4. 【Xbox one S】开箱&开机&初入坑心得

    再来一发水贴,先上产品标准照镇贴: 前言 身为一个资深单机游戏玩家,常年混迹在PC平台,但内心深处一直对主机有种迷之向往,感觉那才是单机游戏的正处之地,坐沙发上拿着手柄对着电视跌宕起伏才是正确的游戏姿 ...

  5. SuperMap iClient for JavaScript初入

    SuperMap iClient for JavaScript初入 介绍SuperMap for Js的简单使用. 推荐先看下这篇文档:SuperMap iClient for JavaScript ...

  6. 初入pygame——贪吃蛇

    一.问题利用pygame进行游戏的编写,做一些简单的游戏比如贪吃蛇,连连看等,后期做完会把代码托管. 二.解决 1.环境配置 python提供一个pygame的库来进行游戏的编写.首先是安装pygam ...

  7. 初入码田--ASP.NET MVC4 Web应用之创建一个空白的MVC应用程序

    初入码田--ASP.NET MVC4 Web应用开发之一  实现简单的登录 初入码田--ASP.NET MVC4 Web应用开发之二 实现简单的增删改查 2016-07-29 在此之前,需要一台电脑( ...

  8. 初入码田--ASP.NET MVC4 Web应用开发之一 实现简单的登录

    初入码田--ASP.NET MVC4 Web应用之创建一个空白的MVC应用程序 初入码田--ASP.NET MVC4 Web应用开发之二 实现简单的增删改查 2016-07-24 一.创建T4模板,建 ...

  9. 初入SG-UAP

    初入SG-UAP SpriderMan 关注 2019.06.19 14:10 字数 1130 阅读 10评论 0喜欢 0 初次接触SG-UAP,将自己的见解以文字形式记录下来,希望能对初入的伙伴们有 ...

随机推荐

  1. Head First 设计模式 第1章 策略模式

    本章从浅入深的讲解了策略模式的使用,以及策略模式中所涉及到的几个设计原则,在本章的最后给出了策略模式的定义. 1.定义及优点 什么是策略模式呢? 答:定义算法族(对象),分别封装起来,让他们之间可以相 ...

  2. Oracle 11.2.0.1 ADG环境MRP进程遭遇ORA-600异常终止

    环境:Linux + Oracle 11.2.0.1 ADG 现象:发现备库没有应用日志 1. 数据库查询备库目前状态 发现备库目前没有应用日志,apply lag已经显示备库有3天21小时多没有应用 ...

  3. Linux - 简明Shell编程11 - 调用脚本（CallTheScript）

    脚本地址 https://github.com/anliven/L-Shell/tree/master/Shell-Basics 示例脚本及注释 主脚本: CallTheScript.sh #!/bi ...

  4. Oracle dataguard 正常切换和应急切换

    oracle dataguard提供异地容灾方案,能有效的防止单点故障和提供高可用技术,这里介绍dataguard正常主备切换和应急切换(应急切换模拟主库出现问题无法还原,备库脱离dataguard接 ...

  5. 使用Openfire配置安卓客户端聊天服务器

    Openfire是一种即时通信服务器,采用开放的XMPP协议,您可以使用各种支持XMPP协议的IM客户端软件登陆服务. Openfire 采用Java开发,开源的实时协作(RTC)服务器基于XMPP( ...

  6. 第5天：js-系统时间对象

    今天听了一小节,js中如何获取系统时间.最后做了一个轮播图效果,是在别人的代码上修改的,一开始做了好半天,都没做好,最后,在我的坚持下,终于做出来了.今天先到这儿,去休息了! 获取时间对象:new D ...

  7. linux桌面创建快捷方式

    1使用命令行创建桌面快捷方式 要为特定程序或命令创建桌面快捷方式,你可以使用任意文本编辑器创建一个.desktop文件,然后把它放到/usr/share/applications或者~/.local/ ...

  8. 【HotSpot】 jps

    jps(1) General Commands Manual jps(1) Name jps - Java Virtual Machine Process Status Tool SYNOPSIS j ...

  9. 【渗透课程】第三篇-体验http协议的应用

    之前我们都了解了,访问网页时,客户端与服务端之间的请求与响应数据交互.本篇就浅谈它的应用. 利用HTTP拦截突破前段验证 比方说,我们在某个网页提交某些数据(例如留言.上传.插入xss等),发生错误( ...

  10. JavaScrpt笔记之第三天

    1.JavaScriot代码规范 代码规范通常包括以下几个方面: 变量和函数的命名规则 空格,缩进,注释的使用规则. 其他常用规范-- 规范的代码可以更易于阅读与维护. 2.命名规则 一般很多代码语言 ...