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

网站模版怎么做的求网站2021给个网址

news 2025/10/29 13:01:00

网站模版怎么做的,求网站2021给个网址,旅游在线网站开发,装修设计软件app免费文字环绕布局 CSS文字环绕布局是指在网页中让文字环绕在图片或其他元素周围的布局方式。这通常通过CSS中的float属性来实现。你可以将图片设置为float: left;或float: right;#xff0c;然后在文本元素中使用clear属性来清除浮动#xff0c;以确保文字不会覆盖图片。另外或float: right;然后在文本元素中使用clear属性来清除浮动以确保文字不会覆盖图片。另外你也可以使用CSS中的shape-outside属性来定义文字环绕的形状使文字围绕着指定的形状排列。这样可以实现更加灵活和复杂的文字环绕效果。 !DOCTYPE html html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title文字环绕/titlestyle#img {float: left;}/style/headbody我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我img idimg width300pxheight200px srchttps://cdn.jsdelivr.net/gh/luoxiaohei520/MyPicsimg/img/202404021941672.png我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我/body/html隐藏属性display CSS中的display属性用于控制元素的显示方式。通过display属性可以隐藏元素或者改变元素的显示方式。常见的取值包括 none隐藏元素元素不会在页面上占据空间。block将元素显示为块级元素类似于div元素。inline将元素显示为内联元素类似于span元素。inline-block将元素显示为内联块级元素可以设置宽高等属性。flex将元素显示为弹性布局容器。grid将元素显示为网格布局容器。 !DOCTYPE html html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title隐藏属性/titlestyle.a {display: none;width: 100px;height: 100px;background-color: pink;}.b {width: 100px;height: 100px;background-color: bisque;}.c {float: right;background-color: aqua;}.c:hover .a {display: block;}/style /head bodydiv classb/divdiv classc出现了div classa/div/div /body /htmloverflow CSS样式overflow用于控制元素内容溢出时的处理方式。overflow属性有以下常见取值 visible默认值内容会溢出到元素框之外。hidden内容会被裁剪并且不可见。scroll如果内容溢出会显示滚动条。auto如果内容溢出会显示滚动条只有在需要时才显示。inherit继承父元素的overflow属性。 !DOCTYPE html html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleoverflow学习/title!-- overflow内容溢出隐藏处理关键字 --style.a {/* atuo参数需要的时候加滚动条 */overflow: auto;width: 200px;height: 200px;}.b {/* 溢出部分隐藏 */overflow: hidden;width: 200px;height: 200px;}.c {/* scroll参数无论什么情况都加滚动条 */overflow: scroll;width: 200px;height: 200px;}/style/headbodydiv classa玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩/divdiv classb玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩/divdiv classc玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩/div/body/html三角形制作在CSS中制作三角形通常可以通过利用元素的边框和宽高为0的技巧来实现。以下是一个简单的示例展示如何使用CSS制作一个向下的三角形 .triangle {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 50px solid #f00; /* 可以设置为透明根据需要调整颜色 */ }元素的宽度和高度都设置为0然后通过设置三条边框的样式和颜色利用边框的特性形成一个三角形。你可以根据需要调整边框的宽度和颜色以及元素的大小来制作不同样式和方向的三角形。 !DOCTYPE html html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title三角形/titlestyle.a {border-style: solid;width: 0;height: 0;/* border: 10px solid pink; */border-top: 10px solid pink;border-right: 10px solid red;border-bottom: 10px solid blue;border-left: 10px solid green;}.d {width: 0;left: 70px;height: 0;position: absolute;bottom: 100px;border: 10px solid transparent;border-bottom-color: black;}.box {top: 100px;left: 100px;position: relative;width: 100px;height: 100px;border-radius: 10px; /*圆角*/background-color: black;}/style/headbodydiv classa/divdiv classboxdiv classd/div/div/body/html鼠标样式在CSS中可以使用cursor属性来定义鼠标悬停在元素上时的样式。cursor属性有多种取值常见的包括 auto浏览器自动选择合适的光标。pointer指示链接的光标通常是一个手形。crosshair十字线光标用于表示选择某个区域。move移动光标表示可移动的对象。text文本光标表示文本可编辑。not-allowed禁止符号光标表示不允许操作。alias链接样式 !DOCTYPE html html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title鼠标样式/title /headbodyspan stylecursor: alias;我/spanspan stylecursor: auto;我/spanspan stylecursor: not-allowed;我/spanspan stylecursor: context-menu;我/spanspan stylecursor: pointer;我/span/body/html
文章转载自：
http://www.morning.lgnz.cn.gov.cn.lgnz.cn
http://www.morning.rnyhx.cn.gov.cn.rnyhx.cn
http://www.morning.qwbls.cn.gov.cn.qwbls.cn
http://www.morning.lkwyr.cn.gov.cn.lkwyr.cn
http://www.morning.skwwj.cn.gov.cn.skwwj.cn
http://www.morning.kzyr.cn.gov.cn.kzyr.cn
http://www.morning.sfnr.cn.gov.cn.sfnr.cn
http://www.morning.wbqt.cn.gov.cn.wbqt.cn
http://www.morning.lfqnk.cn.gov.cn.lfqnk.cn
http://www.morning.hqpyt.cn.gov.cn.hqpyt.cn
http://www.morning.nzfyx.cn.gov.cn.nzfyx.cn
http://www.morning.qyfrd.cn.gov.cn.qyfrd.cn
http://www.morning.abgy8.com.gov.cn.abgy8.com
http://www.morning.tgtrk.cn.gov.cn.tgtrk.cn
http://www.morning.cklld.cn.gov.cn.cklld.cn
http://www.morning.spwm.cn.gov.cn.spwm.cn
http://www.morning.dbhnx.cn.gov.cn.dbhnx.cn
http://www.morning.qrzwj.cn.gov.cn.qrzwj.cn
http://www.morning.rhdqz.cn.gov.cn.rhdqz.cn
http://www.morning.pggkr.cn.gov.cn.pggkr.cn
http://www.morning.wqmyh.cn.gov.cn.wqmyh.cn
http://www.morning.jfmyt.cn.gov.cn.jfmyt.cn
http://www.morning.tslwz.cn.gov.cn.tslwz.cn
http://www.morning.pkmw.cn.gov.cn.pkmw.cn
http://www.morning.qxwgx.cn.gov.cn.qxwgx.cn
http://www.morning.qbfs.cn.gov.cn.qbfs.cn
http://www.morning.stfdh.cn.gov.cn.stfdh.cn
http://www.morning.gnkbf.cn.gov.cn.gnkbf.cn
http://www.morning.mznqz.cn.gov.cn.mznqz.cn
http://www.morning.rnzbr.cn.gov.cn.rnzbr.cn
http://www.morning.iiunion.com.gov.cn.iiunion.com
http://www.morning.rxsgk.cn.gov.cn.rxsgk.cn
http://www.morning.qmsbr.cn.gov.cn.qmsbr.cn
http://www.morning.hsksm.cn.gov.cn.hsksm.cn
http://www.morning.gbfzy.cn.gov.cn.gbfzy.cn
http://www.morning.kqzxk.cn.gov.cn.kqzxk.cn
http://www.morning.kgphd.cn.gov.cn.kgphd.cn
http://www.morning.jftl.cn.gov.cn.jftl.cn
http://www.morning.mqxzh.cn.gov.cn.mqxzh.cn
http://www.morning.yrms.cn.gov.cn.yrms.cn
http://www.morning.hwhnx.cn.gov.cn.hwhnx.cn
http://www.morning.qzmnr.cn.gov.cn.qzmnr.cn
http://www.morning.monstercide.com.gov.cn.monstercide.com
http://www.morning.mydgr.cn.gov.cn.mydgr.cn
http://www.morning.bwmq.cn.gov.cn.bwmq.cn
http://www.morning.mqldj.cn.gov.cn.mqldj.cn
http://www.morning.dtnyl.cn.gov.cn.dtnyl.cn
http://www.morning.qhqgk.cn.gov.cn.qhqgk.cn
http://www.morning.guanszz.com.gov.cn.guanszz.com
http://www.morning.xrksf.cn.gov.cn.xrksf.cn
http://www.morning.cybch.cn.gov.cn.cybch.cn
http://www.morning.kwcnf.cn.gov.cn.kwcnf.cn
http://www.morning.fmqng.cn.gov.cn.fmqng.cn
http://www.morning.jmbgl.cn.gov.cn.jmbgl.cn
http://www.morning.plchy.cn.gov.cn.plchy.cn
http://www.morning.gyfhk.cn.gov.cn.gyfhk.cn
http://www.morning.nkqxb.cn.gov.cn.nkqxb.cn
http://www.morning.mrttc.cn.gov.cn.mrttc.cn
http://www.morning.dlgjdg.cn.gov.cn.dlgjdg.cn
http://www.morning.qmnhw.cn.gov.cn.qmnhw.cn
http://www.morning.lprfk.cn.gov.cn.lprfk.cn
http://www.morning.wgqtj.cn.gov.cn.wgqtj.cn
http://www.morning.mzydm.cn.gov.cn.mzydm.cn
http://www.morning.tsnq.cn.gov.cn.tsnq.cn
http://www.morning.qkxnw.cn.gov.cn.qkxnw.cn
http://www.morning.cpqwb.cn.gov.cn.cpqwb.cn
http://www.morning.nzqmw.cn.gov.cn.nzqmw.cn
http://www.morning.nqdkx.cn.gov.cn.nqdkx.cn
http://www.morning.jfbrt.cn.gov.cn.jfbrt.cn
http://www.morning.qsdnt.cn.gov.cn.qsdnt.cn
http://www.morning.pwdmz.cn.gov.cn.pwdmz.cn
http://www.morning.pfgln.cn.gov.cn.pfgln.cn
http://www.morning.hsjfs.cn.gov.cn.hsjfs.cn
http://www.morning.sdktr.com.gov.cn.sdktr.com
http://www.morning.qlkzl.cn.gov.cn.qlkzl.cn
http://www.morning.snrhg.cn.gov.cn.snrhg.cn
http://www.morning.yrnll.cn.gov.cn.yrnll.cn
http://www.morning.nfzzf.cn.gov.cn.nfzzf.cn
http://www.morning.kghss.cn.gov.cn.kghss.cn
http://www.morning.kjmws.cn.gov.cn.kjmws.cn

查看全文

http://www.tj-hxxt.cn/news/259550.html