CSS 边框属性和背景属性的初步了解

边框属性和背景属性

边框（border）属性

border 属性

border属性是设置对象边框的特性。

举例1：为段落标签添加一个边框，颜色为红色，边框线为实线，实线大小为5个像素点

Google 浏览器中打开，查看效果：

举例2:

Google 浏览器中打开，查看效果：

背景属性

background 属性

background属性设置对象的背景特性。

举例：

复制 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景（background）属性</title>
    <!--
    定义body元素的背景颜色为宝蓝色，
    背景传入笑脸图片（'smiley.gif'），笑脸图片不能重复（no-repeat），且要在页面居中（fixed center）
    -->
    <style>
        body
        {
            background: royalblue url('smiley.gif') no-repeat fixed center;
        }
    </style>
</head>
 
<body>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
</body>
 
</html>

Google 浏览器中打开，查看效果：

posted @ 2020-02-27 16:12 LeeHua 阅读(420) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· winform 绘制太阳，地球，月球运作规律
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾（3.3-3.9）

Lee Hua's Blog

热爱编程 -- 写Bug

CSS 边框属性和背景属性的初步了解

边框属性和背景属性

边框（border）属性

border 属性

背景属性

background 属性

公告

我的标签

积分与排名

随笔分类 (240)

随笔档案 (226)

阅读排行榜

推荐排行榜

目录导航

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>背景（background）属性</title>
	<!--
	定义body元素的背景颜色为宝蓝色，
	背景传入笑脸图片（'smiley.gif'），笑脸图片不能重复（no-repeat），且要在页面居中（fixed center）
	-->
	<style>
	body
	{
	background: royalblue url('smiley.gif') no-repeat fixed center;
	}
	</style>
	</head>

	<body>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	<p>This is some text</p>
	</body>

	</html>