2021-05-20

最新推荐文章于 2024-07-24 20:47:06 发布

樱桃兔

最新推荐文章于 2024-07-24 20:47:06 发布

阅读量56

点赞数

分类专栏： css学习文章标签： web css3 html css

本文链接：https://blog.csdn.net/weixin_51889705/article/details/117092602

版权

css学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

css 创建一个圆形的好看的文字栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #another{
	background-image:linear-gradient(40deg, #99CC33, #FF6666,#336699,#FF0033);
	width: 600px;
	height:600px;
	margin: 20px auto;
	position: relative;
	 text-align: center;
}
#anothera{
	background:linear-gradient(40deg, #3cc0cc, #ffaa00,#991b3d,#d84aff);
	width: 400px;
	height:400px;
	 border-radius: 50%;
	box-shadow: 15px 15px 12px  #000;
				margin: 100px auto;
                background-position: center center;
				display: inline-block;
				text-align: center;
   
}
	
#anothera p{
					font-size: 15px;
					text-align: center;
					line-height: 30px;
					margin-top: 18px;
					font-family: "微软雅黑";
					text-shadow: 5px 5px 6px blanchedalmond ;
	                background-position: center;
}
    </style>
</head>
<body>
    <div id="another">
        <div id="anothera">
            <p>往事留下美好回忆</p>
            <p>随着扉页的开启</p>
            <p>回忆与陌生同时浸进你</p>
            <p>当世界所有的寂寞袭向你</p>
            <p>惟有那曾经的岁月不会</p>
            <p>沉浸在曾经的岁月</p>
            <p>波澜的心会告诉你</p>
            <p>往事留下的美好</p>
            
            
        </div>
    </div>
</body>
</html>

樱桃兔

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
2021-05-20

css 创建一个圆形的好看的文字栏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0..
复制链接

扫一扫