如何快速抠图_抠图在线生成网_图片在线设计_在线长图生成器_切图软件
当前位置:建站首页 > 新闻资讯 > 媒体报道 >

用CSS2建立圆弧的方式

发表日期:2021-04-06 13:19文章编辑:jianzhan浏览次数: 标签:    

1.固定不动总宽的圆弧

这一是非常简单的方式数最多只必须应用2个照片(顶端和底端),而且都不必须加上附加的标识。在这里里,我应用下列2个照片做情况: 

HTML:
 div > h2 This is a heading /h2 
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed
vehicula ligula eu diam tincidunt
fermentum. Curabitur facilisis
enim non libero cursus eu varius
enim suscipit. Ut venenatis
vehicula lorem ut hendrerit. Ut
adipiscing augue sed ante volutpat
eget ornare erat facilisis. In hac
habitasse platea dictumst.
/div

.box {
width:200px;
background-color:#EE2E24;
background:url( img/rounded-top.jpg ) no-repeat left bottom;
color:#fff;}
 
.box h2 {
background:url( img/rounded-top.jpg ) no-repeat left top;
padding: 10px 10px 0 10px;
}
 
.box p {
padding: 10px;
}

用至少的标识和照片完成了圆弧实际效果(CSS好点的朋友要是一个照片便可以拿下了)。

不足灵便,每一次变更架构的总宽必须升级情况照片。

相关新闻

Wordpress

WordPress是应用PHP語言开发设计的blog服务平台,客户能够在适用PHP和MySQL数据信息库的网络服务...

日期:2021-03-29 浏览次数:140

SEOer必需的专用工具都是有甚么

SEO工作中关键紧紧围绕着重要词发掘、重要词合理布局、网页页面百度收录、排行监管等全过...

日期:2021-03-21 浏览次数:138

[6238]美容必需用具 家居家具法术刘海贴前发帖子

色调:灰黑色,粉红色,深蓝色,蓝紫色,现磨咖啡色长:8cm 宽6cm上下必须长短可订制,热...

日期:2021-03-14 浏览次数:97

上海市企业网站建设企业都用哪种数据信息库?

上海市企业网站建设企业都用哪种数据信息库?公布時间: 您所属的部位:首页 > 新闻报道新...

日期:2021-03-13 浏览次数:174

怎样查询检索模块提升排行专用工具?

怎样查询检索模块提升排行专用工具?大家划到最终吧!做检索模块提升的人应用迅速排行...

日期:2021-03-13 浏览次数:140

汶上企业官网建设—如何使用shopyy或shopify搭建小

Shopyy 服务提供商 十一基本建设网站工作中中工作中工作经验,10000+消费者!从基本建设网站...

日期:2021-02-15 浏览次数:102