用代码做一个橙色的标题贴纸背景

 时间:2024-10-15 07:02:22

1、定义一个橙色的边框。这是最外面的大边框,需要我们定义它的边距、背景、对齐方式等等。<section style="width:20em;margin:1em auto;text-align: center;" id="标题贴纸" >

用代码做一个橙色的标题贴纸背景

2、白色的虚线框进行代码的声明。<section class="xhr" style="padding: 5px; color: white; transform: rotate(360deg); background-color: orange;">

用代码做一个橙色的标题贴纸背景

3、橙色的背景框与文字的皱诣愚继样式。<section class="wihudong" style="border: 1px dashed white稆糨孝汶; padding: 10px; color: black;"> 我喜欢每天学习 </section>

用代码做一个橙色的标题贴纸背景

4、给这个标题框加上一个背景。我们这次采用了一个元素背景兔脒巛钒图片的声明。<section style="background-image: url(****.png);background-repeat: no-repeat;background-size: 100% auto;width: 20em;height: 3em;margin-top: -1.8em;"></section>

用代码做一个橙色的标题贴纸背景

5、更多不同的颜色效果。我们把background 改成#1E90FF ,就是一种蓝色的效果。

用代码做一个橙色的标题贴纸背景

6、更多不同的文字效果。改变文字的内容,改变背景色的数值之后又获得了一种全新的效果。

用代码做一个橙色的标题贴纸背景
  • 水果网套放进鞋垫里,舒服又防滑
  • 怎么样给孩子树立理想未来
  • 如何用纸剪出飞翔的小鸟
  • 花卉康乃馨画法教程(画康乃馨的方法、步骤)
  • 手工DIY皇冠纸盒的折法
  • 热门搜索
    生命的意义手抄报 清明节手抄报版面设计图 没有字的手抄报 团结友爱手抄报图片 人鸦手抄报 关于英语的手抄报图片 有关于健康的手抄报 走进西部的手抄报 关于团结的手抄报 廉洁的手抄报