如何个性化的设置自己的博客

目录是博客内容高度总结的显示方式，可以直观展现博客表达的脉络，起到提纲挈领的作用。如果你的博客内容较少目录的作用不是很大，但是如果你的博客长篇大论，一个好的目录可以清晰的展现你的思路和内容纲要，不至于让你的观众看着看着想点右上角的叉叉。如果百度百科没有这样的目录，你还有仔细看下去的勇气么？由于自己有一点HTML的基础，就想着自己做一个目录，主要分为三个步骤。

步骤一、选择并添加目录

选中希望添加目录的位置，右击选择查看元素，选择<div><p><h1>等元素标签，右击，选择编辑HTML元素

步骤二、设置目录列表的样式

添加标签<div>在层标签中再添加列表，设置列表的格式等内容，并为每个<li>标签设置href属性，<li href="#t1">目录1</li>.依次为每个目录添加此标签，最终效果如下所示：（直接引用的自己博客中的内容）

<div style="border:solid 1px #ccc; background:#eee; float:left; min-width:200px;padding:4px 10px;"><span style="font-family: Arial, Helvetica, sans-serif;"><p style="text-align:right;margin:0;"><span style="float:left;">目录<a href="#" title="系统根据文章中H1到H6标签自动生成文章目录">(?)</a></span><a href="#" οnclick="javascript:return openct(this);" title="收起">[-]</a></p><ol style="margin-left: 14px; padding-left: 14px; line-height: 160%;"><li><a href="#t0">无处不在的HttpContext</a></li><li><a href="#t1">HttpContextCurrent到底保存在哪里</a></li><li><a href="#t2">HttpContext并非无处不在</a></li><li><a href="#t3">如何获取文件绝对路径</a></li><li><a href="#t4">异步调用中如何访问HttpContext</a></li><li><a href="#t5">安全地使用HttpContextCurrent</a></li></ol></div></span>

步骤三、添加关联项

在文本内容处添加<h1>、<a>标签<h1><a name="#t1"></a>目录1</h1>（此处的name一定要与<li>中的href的值对应）。如果想做的更好一些可以设置<h1>的样式，本文只是以点带面，简要介绍。最终效果如下所示：

如何个性化的设置自己的博客相关推荐

帝国cms linux伪静态规则,置帝国cms如何设置tag标签伪静态化 linux伪静态设置方法_博客...
<置帝国cms如何设置tag标签伪静态化 linux伪静态设置方法_博客>由会员分享,可在线阅读,更多相关<置帝国cms如何设置tag标签伪静态化 linux伪静态设置方法_博客(6 ...
pmta linux视频,PowerMTA （PMTA）的安装和设置方法 – 黄忠 – 博客
本文信息本文由方法SEO顾问发表于2016-12-0316:04:40,共 1870 字,转载请注明:PowerMTA (PMTA) 的安装和设置方法 – 黄忠 – 博客_[方法SEO顾问],如果我网 ...
博客设置中 html,博客大巴Blog设置 -如何在自定义Html中添加背景音乐？
先在"模板设置"中"首页布局"下"副栏"内添加"自定义HTML"模块,然后输入以下代码: 其中: autostart=& ...
csdn设置自己的博客代码和博客的背景颜色
好东西,一起来分享,自己设置博客背景的一些小技巧,拿去感觉好就关注一下: 设置自己的背景颜色 <table><tr><td bgcolor=#000322> 这里是 ...
Hexo主题之livemylife个性化构建你的博客
本篇博客已首发在个人博客 [快乐码原] :Hexo主题之livemylife个性化构建你的博客欢迎各位客官来康康~ tips:部分图片加载异常,可以到我的个人博客浏览完整版. 简介 livemyli ...
【转】博客美化(1)基本后台设置与样式设置
阅读目录 1.博客园后台设置 2.自定义样式的设置博客园美化相关文章目录:博客园博客美化相关文章目录一直都拜膜那些博客园的皮肤设计高手,由于本人对前端研究甚少,所以js,css这种东西只能看得懂最 ...
live writer 中注册博客园需要的设置
今天我在另外一台机器上安装live write 后,想设置连接到博客园,想不到费了好多时间,记不住那几个设置该如何设了,查了老翅寒暑的blog才搞定!hahaha(苦笑三声),所以纪录在下面: 博客园 ...
如何使用阿里云虚拟主机搭建博客（三）设置篇
原文地址七.博客设置安装好博客系统后我们下面就通过登录进入仪表盘开设置网站内容提示:关于博客设置这里就介绍通用的功能,因为你使用的主题的设置都不太一样,需要你去探索,所以这里只介绍些常用的功能: ...
CSDN写博客时的代码片格式设置
备注:这个设置现在应该已经不需要了,CSDN做了优化改版.一年前的CSDN格式设置很变态,对新手尤其不友好,找了很久才发现需要先修改默认编辑器,再插入代码片设置格式一.博客设置创作中心→博客设置→ ...

如何个性化的设置自己的博客

步骤一、选择并添加目录

步骤二、设置目录列表的样式

步骤三、添加关联项

如何个性化的设置自己的博客相关推荐

最新文章

热门文章