【01】blockqote美化

<!DOCTYPE html>
<html lang="zh-cn"><head><meta charset="utf-8"><title>moyu's demo</title><meta name="keywords" content="demo 测试 魔芋"><meta name="description" content="魔芋的测试示例"><meta name="robots" content="index,follow"><!-- 定义网页搜索引擎索引方式 --><meta name="renderer" content="webkit"><!-- 360,以webkit内核进行渲染 --><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><!-- 以最新内核进行渲染。 --><meta http-equiv="Cache-Control" content="no-siteapp" /><!-- 百度禁止转码 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script><style>blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: .5em 10px;quotes: "\201C""\201D""\2018""\2019";}blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: .1em;margin-right: .25em;vertical-align: -.4em;}blockquote p {display: inline;}</style>
</head><body><blockquote cite="http://www.worldwildlife.org/who/index.html">For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million
members in the United States and close to 5 million globally.</blockquote><script></script>
</body></html>

效果:

 

转载于:https://www.cnblogs.com/moyuling/p/9032916.html

【01】blockqote美化相关推荐

  1. 【STM32】keil软件常用使用技巧

    00. 目录 文章目录 00. 目录 01. 文本美化 02. 语法检测和代码提示 03. 代码编辑技巧 3.1 TAB键的妙用 3.2 快速定位函数和变量的定义 3.3 快速注释和快速取消注释 04 ...

  2. 【博客美化】01.推荐和反对炫酷样式

    博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...

  3. Java-CSS美化网页01

    使用CSS有效的传递页面信息,使用CSS美化过的页面文本 , 漂亮 , 美观 , 可以吸引用户,可以很好的突出页面的主题内容 , 使用户第一眼可以看到页面主要内容,具有良好的用户体验 span标签 s ...

  4. 博客美化-2018年01月16日-元素仿制于明月浩空博客

    本站CSS 1 .topicListFooter{text-align: right;margin-right: 10px;margin-top: 10px} 2 *{margin: 0;paddin ...

  5. 终端bash美化(FC)

    终端bash美化(FC) 用Linux也已经一年多了,感觉几乎还是什么都不会. 大概是一直再做一些没多大意义的事的缘故吧,就像今天些的内容一样. 以前搞了一段时间的GENTOO,发现里面的bash提示 ...

  6. 怎么设置表格根据窗口自动调整_Word排版技巧之表格美化,你值得拥有!

    · Word排版之表格美化,你值得拥有! 小然小然,为什么别人的表格可以五颜六色,我的只有黑白色. 他们是怎么做到的呢? 他也许应用了word自带的表格格式. 也可能是自己设计的表格格式. 那就让我们 ...

  7. 【全网最全的博客美化系列教程】06.推荐和反对炫酷样式的实现

    全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...

  8. 我为什么还要造轮子?欠踹?Monk.UI表单美化插件诞生记!

    背景 目前市场上有很多表单美化的UI,做的都挺不错,但是他们都有一个共同点,那就是90%以上都是前端工程师开发的,导致我们引入这些UI的时候,很难和程序绑定.所以作为程序员的我,下了一个决定!我要自己 ...

  9. Android:相对布局综合小演练—智能家居,按键快速美化的小技巧

    一.相对布局综合小演练-智能家居 需要用到的图片 新建一个工程 首先,里面的                 android:paddingBottom="@dimen/activity_v ...

最新文章

  1. Redis的Java客户端Jedis的八种调用方式(事务、管道、分布式…)介绍(转)
  2. supesite之空间篇
  3. 【shell】wc命令
  4. jdbc获取mysql表数据类型_jdbc操作数据库并自动获取字段类型
  5. haproxy的丰富特性简介
  6. python 常用包_Python常用指引
  7. wp博客链接.html,WordPress博客文章标题链接到自定义网址链接
  8. Arduino文档阅读笔记-attachInterrupt()
  9. ADO.NET 数据库操作类
  10. 使用katana-parser解析css文件
  11. 程序员面试中一面、二面、三面有什么区别?
  12. QXRService:基于高通QXRService获取SLAM Camera图像
  13. html table表格设置滚动条
  14. 图形界限命令在命令行输入_设置图形界限的命令为在命令行输入
  15. 灵活运用CSS开发技巧
  16. CA410_SDK测试及读数软件
  17. LeetCode——974.和可被K整除的子数组
  18. basler相机参数简要中文说明_basler设置相机参数
  19. 学计算机男自编对联,学习对联大全
  20. 如何设置Outlook的归档文件路径

热门文章

  1. 李洪强iOS开发之Foundation框架—结构体
  2. 关于SQLServer2005的学习笔记——SQL查询解析步骤
  3. python selenium安装
  4. ROS学习笔记5(理解ROS节点)
  5. android获取指针空间大小_Android进阶:Binder那么弱怎么面大厂?
  6. DFINITY创始人:目前仍以Q1路线图为主要目标,正在进行创世启动前的安全审计
  7. A股开盘:深证区块链50指数涨0.18%,概念股涨多跌少
  8. BarnBridge出现前端错误
  9. 数字化园区、智慧园区、物业管理、园区设备、房屋资源、维修业务、巡查管理、招商管理、商业租售管理,收支管理,合同管理,人员管理,日常维护,巡检管理,报检报修、物业驾驶舱、axure原型、rp原型
  10. 保险后台管理系统/订单管理/保单管理/客户管理/咨询管理/保险原型/保单详情/客户详情/权限管理/部门管理/账号管理/保险系统原型/汽车保险后台管理系统/角色管理/咨询详情/axure原型/需求文档