首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

ps怎么画彩色棒棒糖

发布网友

我来回答

2个回答

懂视网

先来看一下效果图:

7e47eda1cf0975e765f773e6d4953.png

(相关视频教程推荐:css视频教程)

CSS代码:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>棒棒糖</title>
 <h3>用css画一个棒棒糖</h3>

 <p>要求:</p>
 <p>1:棒棒糖中间文字为水平居中</p>
 <p>2:不得少于三层颜色</p>
<style>
 .round{
 width: 100px;
 height: 100px;
 background-color: #e5e7e9;
 position: relative;
 text-align: center;
 margin: 100px;
 font: italic bold 17px/100px arial,sans-serif;
 box-shadow: 
 0 0 0 10px #4286b4,
 0 0 0 20px #fc052e,
 0 0 0 30px #FBDD00,
 0 0 0 40px #00BDFB;
 border-radius: 200px;
 color: #ffffff;
 }
 .bangbang{
 width: 20px;
 height: 150px;
 margin: -80px 0px 0px 142px;
 background-color: #00BDFB;
 border-radius: 10px;
 }
</style>
</head>
<body>
 <div>
 hello world!
 </div>
 <div></div>
</body>
</html>

推荐教程:css快速入门

热心网友

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com