box-shadow(这些图片边框是怎么做出来的)

box-shadow，这些图片边框是怎么做出来的？

这些图片边框可以通过以下方法制作：

1. CSS 边框属性：使用 CSS 中的 border 属性可以为图片添加边框。例如，将图片的边框设置为黑色、粗细为 2px，可以使用以下 CSS 代码：

```

img {

border: 2px solid #000;

}

```

2. 使用 Photoshop：图像处理软件如 Photoshop 可以轻松地为图片添加边框。在 Photoshop 中打开图片后，选择“图像”菜单下的“画布大小”，增加画布大小来为图片留出边框区域。然后选择“图像”菜单下的“边框”，调整边框的颜色、宽度和样式等属性即可。

3. 使用在线工具：还有许多在线工具可以帮助你快速为图片添加边框，例如 Canva、Fotor 等。这些工具通常提供多种样式和边框选项，使你可以根据需要创建自己喜欢的效果。

推荐几首适合健身的时候听的歌？

有哪些适合健身撸铁听的歌曲？撸铁，是年轻一代对健身运动，尤其是器械健身的戏称。器械健身生活，相对比较单调、乏味，节奏比较强的音乐常能激起健身者的激情，利于持续健身。作为一个长年健身者和音乐爱好者，这里选了20首适合健身撸铁听的曲子。所有乐评来自的沧海编写，相应配图来自网络。01.《He's a Pirate-Remix》（他是一个海盗）是著名电影《加勒比海盗》的配乐，每当电影的主人公杰克船长将剧情推向高潮时就会响起，该曲是十大气势背景音乐之一。重编曲混音（通过调节速度，添加语音、节奏乐器、特效等）后更动感和强烈。02.《The Phoenix》是美国摇滚乐队Fall out boy演唱的歌曲，收录在（2013）专辑《Save Rock and Roll》中。音调为E中调，拥有每分钟132次的快节拍，歌中有死亡重金属、电子乐，每一个重复段都充满力量，很适合健身时听。03.《We are the champion》（我们是冠军）收录于皇后乐队（1977）的专辑《News Of The World》，被作为一首弘扬体育精神的经典歌曲。在不同体育盛会上我们都能常听到这首歌。“这世界不属于失败者，因为我们是世界之王。”04.《We Will Rock You》（将你震撼）发行于1977年，皇后乐队最著名的单曲之一，被视为足球音乐的经典。国内大部分人了解皇后乐队，就是从这首歌开始的。从流行巨星到卡拉OK厅，该曲被无数次的翻唱。“每一个人，我们将要震撼你！”05.《Bodies》收自美国 Drowning Pool 乐队（的首张专辑《Sinner》。主唱兼歌词作者Dave Williams说：“当人际关系受到挫折时，你也许应试图从坏事情中寻找好的方面，而我们的歌对于消极正是一种发泄。”06.《Don't cry》（不要哭泣）发行于1991年，枪花（枪炮与玫瑰乐队）的名曲，亦是唱给为爱情哭泣者的歌。沧桑哀婉，荡气回肠。“我还是那个为你守候着的人，所以别再为过去掉泪，我一直守候在你身旁。”该曲在billboard排行榜上停留将近3年（147周），创下了摇滚乐的神话。 07.《From The Inside》出自欧美金属摇滚乐团Linkin Park2003年发行的专辑《Meteroa》（天空之城或流星圣殿），该曲深深表达内心的愤慨和激昂，震撼的摇滚声把离开痛苦经历，创造新生活的心愿表达的淋漓尽致。“我不会任自己掉进你的谎言！”08.《Numb》（麻木）出自 linkin park（2003）的专辑《Meteora》。该曲表面上是对爱情的迷茫，实际上可以理解为对生活的无助和压抑。“我心如冰封般僵冷，对你的摆布已漠然无觉。我已经厌倦了你期望我变成的那个样子。”该歌曲亦为游戏《英雄联盟》主题曲。09.《In The End》发行于2001年，是Linkin Park在全球影响力最大歌曲之一。“我曾那么努力，坚持那么久，结果到头来，那根本是无济于事。我只能沦陷，失去原有的一切，然而最终，它竟变得无关紧要。”让人感慨万分！10. 《New Divide》（新的鸿沟）是林肯公园2009年为电影《变形金刚II》演唱的主题曲。“给我一个理由，证明我将一切记忆抹去的错误，就让洪水穿越你眼中的距离。给我一个理由，找到连接空间之间的隧道，让它能够到达事实的真相，穿越这新的鸿沟。”11.《Crawling》收于林肯公园的（2000）首张专辑首张大碟《Hybrid Theory》（混合理论，销量1500万余张），2002年该曲的混音版《Krwlng》成为美国热播大剧《越狱（第二季）》的主题曲。“某些意识自心灵深处浮现，欲将我沉落于朽灭，疑惑何为本质之所在。”12.《Don’t stay》收录于Linkin Park（2003）的专辑《Meteora》（天空之城，发行首周便荣登Billboard200专辑榜榜首），是哥特金属中的经典之作。“忘记我们的过去，忘记一切我们之间的可能，带走你的一切不忠贞，别再停留。”13.《Breaking the habit》（打破惯例）收录于林肯公园（2003）的专辑《Meteora》（流星圣殿）。主唱Chester有过一段可怕而又悲惨的童年经历，该曲是成员Mike经过五年多的思考酝酿，献给Chester悲惨过往的一首歌。打破惯例，走出过去！14.《The Catalyst》（催化剂）收自林肯公园的（2010）专辑《A Thousand Suns》（烈日千阳），被Electronic Arts（美国艺电公司）用作游戏《荣誉勋章》的主题曲。“当我今夜紧闭双眼时，会看到炫目光华交相辉映地洞破黑暗，上帝会拯救我们每一个人。”

15.《I’ll be gone》（我将离开））收于Linkin Park（林肯公园）2012年专辑《Living Things》（生命·进化·原点），是linkin park表达强烈控诉感的歌曲，融入了愤怒、冷漠、无奈、伤心等多种情感，使歌迷不自觉置身其火热的情感海洋中。

16.《The Unforgiven》（不可饶恕）收于美国金属乐队Metallica1991年发行的同名专辑，沉重的鼓和忏悔的歌词让人深有感想。“他试图取悦他们所有人，他是一个痛苦的人，他的一生都是一样的。他不断地战斗着，那个他永远也赢不了的斗争......” 17.《Orion（Instrumental）》（猎户座）收于Metallica（1986）专辑《Master Of Puppets》（木偶之主）。以吉他和鼓等乐器弹奏，是一首的很大气的纯音乐，尤其前半段让人心潮澎湃。 18.《18 and life》（十八岁和人生）收于美国流行金属乐队Skid Row（穷街）1989年同名专辑，是该乐队最有名的热门单曲，在Billboard Hot 100的最高位次是第四位，被维基百科评为史上最佳的六十首硬摇滚歌曲之一。19.《She is My Sin》（她是我的罪）是很多翻译版本《反恐精英CS1.6》（英文：Counter-Strike；简称CS，是一种以团队合作为主的射击类网络游戏）的主题曲，当你在游戏前进行按键设置时，（Nightwish的）这首歌仿佛预示着大战马上爆发，催促着你赶快进入CS。20.《Shoot to Thrill》（向颤栗开枪）收于AC/DC（1980）的专辑《Back In Black》（回归黑暗），是（2010）电影《钢铁侠2》的主题曲。乐队将自己的心声和激情毫无保留地融入音乐之中，也正与《钢铁侠2》那蠢蠢欲动的不安分力量产生共鸣。

如何修改Element？

直接在页面上重新定义css，或者单独写个css样式文件在element之后引入页面，比如我不喜欢它的圆角，直接定义个css把圆角去掉

.el-input__inner, .el-checkbox__inner, .el-textarea__inner, .el-button { border-radius: 0;}

以下是我个人对Element的input进行调整的css

.el-input__inner { height: 33px; font-size: 13px; box-shadow: none; border: 1px solid #e9e9e9;}.el-input__inner:hover { border-color: #e9e9e9;}.el-input__inner:focus { border-color: #42a5f5; box-shadow: none; transition-duration: .5s;}.el-input__inner::-webkit-input-placeholder { line-height: 20px;}.el-input__inner, .el-checkbox__inner, .el-textarea__inner, .el-button { border-radius: 0;}

团购地址怎么在左下角显示？

将团购地址放在左下角显示，一般需要进行网页设计以及CSS样式设置。下面是一些实现方法：

1. CSS定位：可以使用CSS中的绝对定位（position:absolute）和左下角定位（bottom:0;left:0）来实现，在HTML中插入一个固定大小的容器（如div），并使用CSS对其进行定位和样式设置，将团购地址插入其中。

样式代码示例：

```

.container {

position: absolute;

bottom: 0;

left: 0;

width: 200px;

height: 100px;

background-color: #FFF;

padding: 10px;

box-shadow: 0 0 10px rgba(0,0,0,.2);

}

.address {

font-size: 14px;

line-height: 20px;

color: #999;

}

```

HTML代码示例：

```

<div class="container">

<p class="address">团购地址：XXXXXX</p>

</div>

```

2. 使用JavaScript：可以使用JavaScript根据窗口大小和位置动态调整团购地址的显示位置。添加一个函数来监听窗口大小的变化，一旦窗口大小改变，JavaScript就会动态重新计算左下角的位置，并对团购地址的样式进行调整。

代码示例：

```

function adjustAddress() {

var container = document.getElementById("address-container");

var width = container.offsetWidth;

var height = container.offsetHeight;

container.style.left = "0px";

container.style.top = (window.innerHeight - height) + "px";

}

window.onresize = function(){

adjustAddress();

};

window.onload = function(){

adjustAddress();

};

```

需要注意的是，在设计团购地址的样式时，应该选择适合网页整体设计和主题的颜色和字体，并将团购信息完整、准确地显示出来。同时，为了提高网页的可读性，建议使用简洁明了的语言来描述团购地址和其他相关信息。

什么是h5页面？

想做H5页面，首先我们先来了解一下是什么H5？

通俗的来说，H5是一个网页，就像一个很大的容器，里面可以放文本、图片、音视频等基本的流媒体格式的文件。

既然H5是作为一种广告形式的载体，那么它就可以应用于不同的应用场景，大家在微信里都收到过结婚请柬吧？ 那个就是H5页面制作的了。

上面说到H5的应用场景非常多，比如：邀请函、 招聘 、品牌推广、 产品宣传、 婚礼庆典 、活动营销 、节日主题、 数据报告、 微杂志 、微官网、 年会等等。

创意的形式也是不同多样包含：视频H5 、一镜到底、 全景VR、 快闪、 答题测试 、合成海报、 游戏、 拟态类、 数据表单 、横屏H5、 长页面等等都可以利用H5做到。

那么我们应该怎么制作H5呢？或者应该怎么正确的选择H5制作工具呢？现在市面上有很多制作H5的网站，也有很多模板可以免费套用，但是有些免费模板可选范围小，需要更多创意选择需要开会员或者单独购买单一模板，下面给大家推荐几个常用免费模板较多的网站。

人人秀

推荐指数：★★★★★

rrxiu.cc/home2?WLF=2022zh324

人人秀是一款免费的H5页面制作工具，据称有10万+的免费模板，也是几个软件里相对来说，免费模板最多的了。可以制作H5页面、H5游戏、微信活动、投票活动、邀请函、人人秀贺卡、微页、微场景等H5活动。

有1000个专业的设计师入驻，每天都会更新大量免费的H5模板、海报、表格等。操作比较简单，点击模板套用填入自己需要的信息即可。

人人秀除了能够制作简单的H5页面以外，还支持各种各样的互动插件，比如创建微信红包、抽奖活动、口令红包、转盘抽奖、投票、活动报名、VR、H5游戏等等。

Jimdo

推荐指数：★★★★☆

是一款德国的在线网页自助建站平台，在全球12个国家拥有超过1000万用户。

用户可在不懂任何网页制作方面知识的情况下轻松制作出漂亮的网页。同时除固定模板外，Jimdo允许用户使用自定义代码和widget外部插件接入。

Wix

推荐指数：★★★★☆

Wix基于HTML 5技术的建站工具，向用户提供多种网页模板，操作非常简便，智能拖拽便可完成简单的网页建设。

据Wix统计每天有超过45000的新用户加入Wix，每个类目下有上百的HTML5模板可供使用。

Maka

推荐指数：★★★★☆

Maka也是一款优秀的H5页面制作工具，模板丰富多样，在交互效果方面很人性化，该工具有免费版，不过免费版不提供外链等功能。

Google Web Designer

推荐指数：★★★★☆

Google Web Designer是谷歌是专门为设计者打造的的可视化HTML5设计开发工具。

它提供了所见即所得的设计环境，包含设计视图和代码视图，还能制作Banner广告动画，功能丰富且强大。

易企秀

推荐指数：★★★★☆

该应用有多种动态模板，并实现多种动态效果，并且，易企秀拥有IOS移动客户端，可以在手机上进行H5的页面制作工作。

图片来自网络，如有侵权联系侵删