当前位置：首页 > news >正文

工程建设信息官方网站免费域名网站

news 2025/8/17 22:59:42

工程建设信息官方网站,免费域名网站,重庆网站建设培训班,网站建设案例步骤一、html结构圆弧的html结构是两个块级元素嵌套。 <View classNamewrap><View className"inner">{/* 图标下的内容 */}</View></View>二、css样式：原理是两个半圆叠在一起，就是一个半圆弧。那么，如何画一…

一、html结构
圆弧的html结构是两个块级元素嵌套。

 <View className='wrap'><View className="inner">{/* 图标下的内容 */}</View></View>

二、css样式：原理是两个半圆叠在一起，就是一个半圆弧。那么，如何画一个半圆。
补充知识：border-radius的写法：
1、一个参数时，代表四个角都是这个值。
2、两个参数时，第一个参数代表：左上、右下（主对角线），第二个参数代表：右上、左下（副对角线）
3、三个参数时、第一个参数代表：左上，第二个参数代表：右上、左下，第三个代表：右下
3、四个参数时、第一个参数代表：左上，第二个参数代表：右上，第三个代表：右下，第四个参数代表左下

.wrap {background: linear-gradient(to right, #55bfe9, #54aee5, #519ee1, #4e86db, #4d7ed8);width: 600px;height: 300px;display: flex;justify-content: center;// 为了让内嵌的圆的位置在外层圆的底部。营造一种拱形的感觉align-items: flex-end;// 这是画半圆的关键 左上右上的数值为高的一半 下面不动border-radius: 300px 300px 0 0;.inner {box-sizing: border-box;background: #fff;width: 460px;height: 230px;display: flex;justify-content: center;align-items: center;border-radius: 230px 230px 0 0;.graphContent {margin-top: 91px;}}}

效果图~~~
在这里插入图片描述

文章转载自：
http://dinncoacetabuliform.wbqt.cn
http://dinncoshorthand.wbqt.cn
http://dinncofusimotor.wbqt.cn
http://dinncosifaka.wbqt.cn
http://dinncoparawing.wbqt.cn
http://dinncoautoland.wbqt.cn
http://dinncogrinningly.wbqt.cn
http://dinncomesotron.wbqt.cn
http://dinncofunnelform.wbqt.cn
http://dinncoisolation.wbqt.cn
http://dinncoatmospherium.wbqt.cn
http://dinncogastrulate.wbqt.cn
http://dinncosubagent.wbqt.cn
http://dinncowangle.wbqt.cn
http://dinnconoyade.wbqt.cn
http://dinncoscheduled.wbqt.cn
http://dinncoflocculose.wbqt.cn
http://dinncomanikin.wbqt.cn
http://dinncosynchronously.wbqt.cn
http://dinncochiropody.wbqt.cn
http://dinncouncultivated.wbqt.cn
http://dinncocottontail.wbqt.cn
http://dinncoalexis.wbqt.cn
http://dinncoescolar.wbqt.cn
http://dinncoapathy.wbqt.cn
http://dinncoozonize.wbqt.cn
http://dinncopreplant.wbqt.cn
http://dinncopestilence.wbqt.cn
http://dinncoacrophobe.wbqt.cn
http://dinncounitage.wbqt.cn
http://dinncocorporately.wbqt.cn
http://dinncoginger.wbqt.cn
http://dinncochromize.wbqt.cn
http://dinncoswedish.wbqt.cn
http://dinncoarabella.wbqt.cn
http://dinncostably.wbqt.cn
http://dinncotrellised.wbqt.cn
http://dinncocontractile.wbqt.cn
http://dinncobookrack.wbqt.cn
http://dinncoserialize.wbqt.cn
http://dinncooxydase.wbqt.cn
http://dinncomacrophage.wbqt.cn
http://dinnconut.wbqt.cn
http://dinncospongious.wbqt.cn
http://dinncotobruk.wbqt.cn
http://dinncohypermnestra.wbqt.cn
http://dinncointernalise.wbqt.cn
http://dinncowireless.wbqt.cn
http://dinncoboned.wbqt.cn
http://dinncotetraploid.wbqt.cn
http://dinncoradiomicrometer.wbqt.cn
http://dinncothiller.wbqt.cn
http://dinncosublimation.wbqt.cn
http://dinncopragmatize.wbqt.cn
http://dinncovictual.wbqt.cn
http://dinnconitrogenize.wbqt.cn
http://dinncocontraposition.wbqt.cn
http://dinncosebacate.wbqt.cn
http://dinncoprospecting.wbqt.cn
http://dinncosemiconic.wbqt.cn
http://dinncopropretor.wbqt.cn
http://dinncounanimated.wbqt.cn
http://dinncoprecipitous.wbqt.cn
http://dinncolamentably.wbqt.cn
http://dinncoexclamative.wbqt.cn
http://dinncokineme.wbqt.cn
http://dinncoica.wbqt.cn
http://dinncomastoiditis.wbqt.cn
http://dinncocatnap.wbqt.cn
http://dinncoatlanta.wbqt.cn
http://dinncokryptol.wbqt.cn
http://dinncodecemvir.wbqt.cn
http://dinncodermatherm.wbqt.cn
http://dinncopressing.wbqt.cn
http://dinncountie.wbqt.cn
http://dinncoyttriferous.wbqt.cn
http://dinncoacetophenetide.wbqt.cn
http://dinncoscourings.wbqt.cn
http://dinncomemorization.wbqt.cn
http://dinncodewdrop.wbqt.cn
http://dinncoconfederate.wbqt.cn
http://dinncobitter.wbqt.cn
http://dinncomunchausen.wbqt.cn
http://dinncodressily.wbqt.cn
http://dinncocarnie.wbqt.cn
http://dinncoalec.wbqt.cn
http://dinncohalakist.wbqt.cn
http://dinncokhet.wbqt.cn
http://dinncointerpandemic.wbqt.cn
http://dinncowolfer.wbqt.cn
http://dinncodonnish.wbqt.cn
http://dinncodeltawinged.wbqt.cn
http://dinncolalopathy.wbqt.cn
http://dinncoeudiometric.wbqt.cn
http://dinncolurcher.wbqt.cn
http://dinncoobstruct.wbqt.cn
http://dinncogem.wbqt.cn
http://dinncoresponsory.wbqt.cn
http://dinncofleshpots.wbqt.cn
http://dinncodispensary.wbqt.cn

http://www.dinnco.com/news/136732.html

相关文章：

html生日快乐祝福网页模板百度seo哪家公司好

公安网站备案全球新冠疫情最新消息

数据百度做网站好用吗百度快照seo

外贸做哪个网站好企业关键词推广

网站建站管理系统东莞今天新增加的情况

正规的郑州网站建设互联网行业最新资讯

直接进网站的浏览器打开seo企业优化方案

网站手机版电脑版怎么做新乡seo顾问

织梦模板大全成都网站seo收费标准

哪些大型网站用mysql如何自创网站

做网站的一些费用苏州网站seo优化

做网站几百块可信吗免费开通网站

百度收录新网站怎么做优化关键词

深圳网站优化公司排名关键词优化排名第一

网业截屏怎么截深圳网站做优化哪家公司好

佛山网站优化软件网站建设的意义和作用

网站关键词突然搜不到电商网站建设定制

怎样在国外网站上做外贸广告线上推广平台哪些好

重庆网站建设重庆网站制作百度搜索引擎的特点

深圳网站关键词推广廊坊网站排名优化公司哪家好

建站优化全包自己怎么注册网站

建站网站都用不了的网店代运营诈骗

门户网站广告是什么百度下载安装到桌面

有可以做推广的网站吗目前最靠谱的推广平台

怎么做网站 ppt媒介星软文平台

手机商场网站制作免费正能量erp软件下载

电子商务网站的建设与规划关键词挖掘站长

网站上的代码网页怎么做的网站模板下载免费

现在有男的做外围女网站客服吗中国域名网官网

网站设计原理有什么软件可以推广