页面定制CSS代码初探

简介:

一、故事的开始

先说一下<h2></h2>原先默认是空白的,很难看

然后今天无意中看到一个博友的标题很好看啊,一直就想要这种效果有没有?

二、好的东西自然要拿过来啦

通过审查元素,果然是用自定义样式去覆盖了默认的样式,然后就好办了。奉行“拿来主义”,直接copy吧!

直接copy,好像跟我的界面不太搭呢,改个颜色吧,通过查询 http://www.w3schools.com/colors/colors_names.asp

觉得这个不错

改一下颜色

再看看效果

恩,不错,以后再用h2标题的时候就会好看多了,以此为例,还可以把h1 h6什么的都自定义一下。喜欢折腾的可以试试哦!

三、奉献源码

#cnblogs_post_body h2{
  background: DodgerBlue   !important;
  border-radius: 6px 6px 6px 6px !important;
  box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
  color: #FFFFFF;
  font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
  font-size: 17px;
  font-weight: bold;
  line-height: 25px;
  margin: 15px 0 !important;
  padding: 5px 0 5px 20px;
  text-shadow: 2px 2px 3px #222222;
  }

别忘了把background颜色属性改成适合自己页面风格的:-D

<完>








      本文转自Tenderrain 51CTO博客,原文链接:http://blog.51cto.com/tenderrain/1919932,如需转载请自行联系原作者



相关文章
|
15天前
|
前端开发
CSS可以用于创建动态效果
CSS用于创造动态效果,如过渡和动画。过渡是元素样式平滑变化的效果,例如div的宽度在鼠标悬停时2秒内从100px扩展到200px。动画更复杂,可控制多属性在关键帧间变化,如div背景色在4秒内按红、黄、蓝、绿循环,可设置速度曲线(ease-in-out)和延迟(2s)。使用`animation`属性能简化设置,如`example 4s infinite`定义动画名称、时长和无限循环。
24 2
|
2月前
|
前端开发 容器
编程笔记 html5&css&js 057 CSS导航栏
编程笔记 html5&css&js 057 CSS导航栏
|
4月前
|
前端开发 搜索推荐
CSS内容
名字和值之间是用冒号连接,也不要忘了以分号结尾
|
8月前
|
前端开发
CSS部分内容知识总结
CSS部分内容知识总结
|
8月前
|
前端开发
CSS3内容 部分知识总结
CSS3内容 部分知识总结
|
9月前
|
JavaScript 前端开发
html和css中的图片加载与渲染规则是什么样的?
html和css中的图片加载与渲染规则是什么样的?
99 0
|
前端开发 JavaScript
CSS 的三种使用方式
CSS样式之间用分号 ; 隔开,建议每条CSS样式后面都加上分号 ;
137 0
CSS 的三种使用方式
|
前端开发 JavaScript
html + css + js 怎么实现主题样式的切换?
html + css + js 怎么实现主题样式的切换?
160 0
html + css + js 怎么实现主题样式的切换?
|
前端开发
CSS 学习4.四种css导入方式
CSS 学习4.四种css导入方式
CSS 学习4.四种css导入方式
|
前端开发
CSS使用基本方式
内联CSS要在特定的HTML标记内使用。<style>属性用于设置特定HTML标记的样式。 建议不要使用内联CSS,因为每个HTML标记都需要单独设置样式,如果您只使用内联CSS,管理网站可能会变得十分困难。但是,它在某些情况下很有用。
98 0
CSS使用基本方式