如何写出布局好看而且漂亮的博客
一、代码块
public class Student{public static void main(String[] args){System.out.println("Hello,World");} }
二、操作命令
ps -ef |grep java
三、标题
这是一个标题
四、表格
ID | 姓名 | 联系方式 |
---|---|---|
1 | feiy | 15011186301 |
2 | feifi | 15026418738 |
五、图片
六、总结书写经验
1、利用默认编辑器编写,编写好博客之后修饰;
2、对需要修饰的部分,例如:标题,代码,命令,图片均使用<pre name="code"></pre>块包裹起来,然后
使用你想使用的任何样式都可以修饰,越好看越好,加圆角、边框,设背景,设置字体大小,设置字体等,在
默认情况下,<prename="code"style=""></pre>的内容不会被过滤,样式不会被冲掉(csdn在页面源码保存
时会过滤一些样式,如圆角)。所以可以加任何的样式,甚至可以加上你想执行的脚本,只要代码套在<pre
name="code"></pre>之间;
3、利用默认编辑器自带的源码工具,可以查看编写的代码,可以编辑,可以预览编辑的效果:
查看编辑效果:
4、对于图片,宽度一般默认是600px,对于尺寸稍大的图片压缩之后显得不清晰,这里也可以修改图片的长度,
建议截图时宽度尽量保持一致800px,这样就不会每个图片宽度显示不一样,给页面布局造成参差不齐,只需要
如下代码:
<pre name="code" style="max-width:800px;border-radius:4px;overflow:hidden; margin:0;font-size:0"><img src="url" alt="" style="float:left;max-width:796px;border:2px solid #000;"/> </pre>
5、修饰博客,是一门技术活,也是一门辛苦活,要花很多时间,建议大家在上班时间不要这么干。可以先保存
为草稿,晚上回家慢慢捣鼓,直男请绕行。
如何写出布局好看而且漂亮的博客相关推荐
- 类选择器和所作用的标签一起写为什么不起作用? - CSDN博客
原文:类选择器和所作用的标签一起写为什么不起作用? - CSDN博客 HTML代码: css样式: 这不是将样式作用于circle类下的有current类的li标签吗?为什么不起作用? 原因: 选择器 ...
- C++ Qt 05:Qt布局管理器 - 荒 木 - 博客园
C++ Qt 05:Qt布局管理器 - 荒 木 - 博客园 下面我们以一个例子来初步了解Qt的组件定位技术,比如我们想做一个登录窗口,像下图这样,应该怎么做呢? 这还不简单嘛,在窗体上拖两个QLabe ...
- 如何编写漂亮日志博客(原)
一直以来都想把自己的博客风格与外观好好调整一下,让人有耳目一新的感觉,每当看到别人漂亮的博客,这种冲动更加强烈.终于利用一点时间学习了一下如何改变自己博客风格的方法.工具.注意事项,通过实践觉得还 ...
- 好看响应式Emlog博客主题模板
模板介绍: 简约好看响应式Emlog博客主题模板 附安装教程破解版去授权 emlog轻量级破解版flyemlog模板,博客模板去授权,支持多作者创作,多端自适应自定义首页背景,后台自主添加广告更多功能 ...
- Dorea.js框架介绍:纯CSS写出优雅好看的时间线/时间轴(左右垂直展示)
在准备搭建博客,准备写一个心情的功能模块,以时间线的形式展现出来(有的人称为时间轴),发现Layer的提供的时间线挺好看的.速递地址:layui.但不是很符合本人自己的心意,想要一种左右左右展示的风格 ...
- 十分钟教你搭建一个漂亮的博客(二--主题的修改)
总体效果 框架的选择(butterfly) 前面我们搭建的博客,可以看见非常的单调,那如果我们想要让他变得漂亮,自然我们是不会自己去写代码的,我们通过网上比较成熟的框架,通过修改配置文件便可以得到漂亮 ...
- 一篇写的很好的XGBoost的博客(于简书转载)
xgboost的原理没你想像的那么难 xgboost 已然火爆机器学习圈,相信不少朋友都使用过.要想彻底掌握xgboost,就必须搞懂其内部的模型原理.这样才能将各个参数对应到模型内部,进而理解参数的 ...
- wp博客写文章500错误_500多个博客文章教我如何撰写出色的文章
wp博客写文章500错误 I've written a lot of blog posts. Somewhere north of 500 to be exact. All of them are t ...
- 手写数字识别实现课设cnsd博客_使用Tesseract轻松实现OCR字体识别
本教程翻译自PyImageSearch英文原文 实现效果 今天的博客文章是安装和是用Tesseract library 进行OCR识别的两章系列中的第一部分. OCR可以自动对手写或者印刷字体进行类型 ...
- 开发记录_自学Python写爬虫程序爬取csdn个人博客信息
每天刷开csdn的博客,看到一整个页面,其实对我而言,我只想看看访问量有没有上涨而已... 于是萌生了一个想法: 想写一个爬虫程序把csdn博客上边的访问量和评论数都爬下来. 打算通过网络各种搜集资料 ...
最新文章
- Android 应用 之路 天气预报(五)
- [PE格式分析] 3.IMAGE_NT_HEADER
- [题解]RQNOJ PID85 三个袋子
- aes加密字符串c++_springboot2.2.X手册:防抓包?快速实现API接口数据加密
- 干货分享|UI设计可临摹编辑的线框素材,还会觉得交互原型画得丑?
- 仅展示近三天的动态设置_微信朋友圈好友设置仅展示最近3天动态是对所有好友吗?还是针对某个人...
- 打字测试软件 tt,打字测试(TT)
- 设计模式之策略模式:鸭子模式
- 快读与快输(读入优化与输出优化、QIO优化)
- Chapter 20-APIs(应用程序编程接口)
- Excel数据导出图片
- java中通物流api详解
- 《华尔街》观后笔记7——阳光交易
- Chrome浏览器架构演变。
- 疫情已经结束,快递行业现状如何
- 算法入门经典例题3-2,例题3-3知识点
- 移动硬盘上安装操作系统
- fgets()和gets()函数的区别
- P2P穿透StunServer
- 前端小作业~大风车案例