HTML—讲解分割线标签、文字居中、背景图片充满全图

最新推荐文章于 2024-05-05 03:16:18 发布

王睿丶

最新推荐文章于 2024-05-05 03:16:18 发布

阅读量2.3k

点赞数

分类专栏： Web 文章标签： HTML

本文链接：https://blog.csdn.net/qq_27494201/article/details/100566736

版权

Web 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

一丶分割线标签

<hr>

二丶文字居中
以table为例：

<table border="1"align="center"></table>

三丶背景图片铺满整个网页：

	<html>
		<head>
			<meta charset="UTF-8">
			<title>img<title>
			<style type="text/css">
				body{
					background-image:url(img/index.jpg);
					background-size:cover;
				}
				</style>
				....
				....

注意：URL 路径是放在和网页同一个文件夹时才能直接写图片名字+扩展名，如果还专门创建了一个文件夹放置图片，记得要先写文件夹的名字再写图片名+扩展名！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

王睿丶

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html分割线中间怎么加文字_HTML是什么？——零基础自学网页制作

weixin_34910772的博客

12-27

2409

HTML是什么HTML的全称是超文本标记语言，英文全称是HyperText Markup Language。如果您是零基础的话，看到这个名字，即使是汉语的，估计也会不知所云。超文本指的是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。通俗来说就是多个文本之间通过超链接相互连接在一起，这些相互连接的文本集合称为"超文本"。超文本是网页制作一个非常重要的概念，可以说网络的精髓就在于"互联...

9.15 复习一天，html <hr>简介

09-15

1085

一整天的自习课~！除了看着代码晕，就是困的头晕了。今天遇到了html排版问题，发现以前的这一部分知识忘的也快差不多了。时间越来越紧张了。我的lady gaga。要给力啊~！ 分割线】一、基础代码： 1、 2、<HR

参与评论您还未登录，请先登录后发表或查看评论

html水平分割线标签

谨慎对事低调行事 0与1的世界浩瀚如海学无止境

05-23

5352

水平分割线标签：一般用于页脚footer上，用以分割版权、备案标示与自定义内容，简介、大方。

HTML分割线效果

you are sherlocked by me!

11-09

7101

HTML分割线效果本文转载自：http://blog.csdn.net/alex8046/article/details/51917069 一、普通 1、<HR> 2、<HR align=center width=300 color=#987cb9 SIZE=1> align 线条位置（可选left、right、center）；width 线条长度；color 颜...

html 水平分割,HTML设置水平分割线

weixin_35902800的博客

06-09

3630

在Web中使用水平分割线可以分割不同的文字段落或者其它网页组件，轻松地修饰了段落排版，使之更美观。当然，水平分割线还可以更加明显地突出某一段重要的文字，使之更加醒目。使用标签可以轻松地设置一条水平线。方法如下：HTML设置水平分割线1. HTML设置一条水平分割线这是水平分割线的最基本应用。它是居中对齐的。2. HTML设置水平分割线的宽度水平分割线的宽度为像素(px)或者相对于屏幕宽度的百分比(...

HTML常用标签及CSS常用样式

m0_63564182的博客

06-12

1397

HTML常用标签及CSS常用样式

前端基础（HTML）——html介绍 &amp；常用标签 &amp；几个案例_html基础标签及示例

最新发布

2401_84562210的博客

05-05

981

*Html 的代码注释这是 html 注释，可以在页面右键查看源代码中看到**做标题使用，特点：1.独占一行；2.行间有空隙；3.加粗h1标题，独占一行，加粗，段前段后间距。

Html 5 、Android、iOS 全平台的斗地主游戏全程讲解

横竖撇折点

04-17

2880

前言：本来定这个主题的时候，想着写个三五页也就好了，一个没刹住车，巴拉巴拉写了一大堆。预览地址：http://132.232.2.225/ 本文从一个 HTML5 游戏引擎 Egret 开始谈起，从 Egret 项目的搭建到它选用的语言，到游戏的核心逻辑及设计思路，再到游戏的界面开发，最后讲一下游戏的打包发布。简单整理一下，在这里做个目录。一、项目简介：介绍项目运行方式和运行效果二...

全网最全Redis讲解（2W字总结免费送）

kyzb2022的博客

04-17

2951

基础什么是Redis 首先大体理解：Redis是一个基于内存，通过键值对(key-value)的形式来存储数据的NoSQL数据库。和其相相对应的是MySQL，一种SQL类型的数据库。它支持存储的value类型相对更多，包括string(字符串)、list(链表)、set(集合)、zset(sorted set --有序集合)和hash（哈希类型）。这些[数据类型]都支持push/pop、add/remove及取交集并集和差集及更丰富的操作，而且这些操作都是原子性的。在此基础上，redi..

HTML5与CSS3总结

hu0708的博客

08-16

2238

HTML5与css3

标题标签，段落标签，换行标签，水平分割线标签，文本格式化标签，div和span标签，注释，特殊字符

weixin_50392306的博客

04-28

741

标题标签一级标题:<h1></h1> .............. 六级标题:<h6></h6> 段落标签 <p>文本</p> 特点： 1).文本在一个段落中会根据浏览器窗口的大小自动换行。 2).段落和段落之间保有空隙。换行标签 <br> 特点： 1).换行标签是单标签。 2）.换行标签，强项换行，没有空隙。水平分割线标签 <hr> 文本格式化标签加粗：<strong></

html 分割线_HTML入门笔记

weixin_39654067的博客

11-29

1020

HTML 是谁发明的HTML 全称 HyperText Markup Language，超文本标记语言。是上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·博纳斯-李（Tim Berners-Lee），也就是我们所说的李爵士发明的。HTML 起手应该写什么常用的表示章节的标签h1~h6：标题。h1字体最大，往后越来越小。section：章节。表示用这个标签扩起来的是一个章节，章节可以嵌套章节。p：...

中间带文字的hr分割线

guoqing的博客

09-29

2558

<hr class="hr"> .hr { color: #000; border: 0; font-size: 12px; padding: 10px 0; position: relative; } .hr::before { content: "分隔线"; position: absolute; padding: 0 10px; line-height: 1px; border: solid red; .

HTML链接（详细）与分割线（部分）

星回的博客

01-15

3023

本文主要介绍了html链接和分割线的基础用法，以及相关代码实现，适用于html的基础学习者，并附有源码资源。有需要的伙伴可以自行阅读提取。

HTML学习---------1.12 水平分割线标签 <hr>

iOS技术分享与学习博客

06-02

2194

在展示信息时,有时会需要添加一些用于分割的横线,这样会是文章看起来整齐些,这时就要用到标签; 语法: xhtml1.0版本: html4.01版本: 注意: 1,标签和标签一样也是一个空标签,所以只有开始标签,没有结束标签; 2,标签在浏览器中的默认样式线条比较粗,颜色为灰色,这些样式在css中可以对其修改; 3,现在一般使用xhtml1.0的版本,这种版本比较规范;

HTML——文本 分割线 文字滚动

孤单但并不孤独的旅行

06-08

3133

好奇心害死人啊、、、要考试了、、、但是还是忍不住啊、、、所以

html 线垂直居中,CSS 实现垂直居中的几种方法(必看)

weixin_42298437的博客

06-28

421

html设置分割线怎么下移,HTML设置水平分割线

weixin_39557087的博客

06-04

1792

HTML_05 —— 分隔线

肥不溜秋大梅子

07-07

388

分隔线 : <hr/> 注意：<hr\> 是不可以的哦。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>肥肥大梅子</title> </head> <body> 喜欢一个人 <hr/>...