杂项

最新推荐文章于 2024-05-19 17:21:21 发布

Neko_Tea

最新推荐文章于 2024-05-19 17:21:21 发布

阅读量61

点赞数

分类专栏： CSS入门文章标签： css

本文链接：https://blog.csdn.net/m0_52949799/article/details/113925217

版权

CSS入门专栏收录该内容

2 篇文章 0 订阅

订阅专栏

box-shadow

在这里插入图片描述

例子

div{
	width:300px;
	height:100px;
	background-color:yellow;
	box-shadow: 10px 10px 5px #888888;
}

样式

在这里插入图片描述

text-align

用于设置文本在容器中的位置

可选值

在这里插入图片描述

text-indent

用于文本首行文字缩进

例子

<html>
	<head>
		<meta charset="utf-8"> 
		<title>document</title> 
		<style>
			p{text-indent:50px;}
		</style>
	</head>
	<body>
<p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p>

	</body>
</html>

样式

注意：
1、边框（border）下面也有背景
2、text-align对于文本内容有用因为文本内容是行内元素但是图片是行内块元素所以它无法对行内块元素进行定位图片可用margin来定位

Neko_Tea

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
杂项

box-shadow例子div{ width:300px; height:100px; background-color:yellow; box-shadow: 10px 10px 5px #888888;}样式text-align用于设置文本在容器中的位置可选值text-indent用于文本首行文字缩进例子<html> <head> <meta charset="utf-8"> <title
复制链接

扫一扫