css弹出层编码共享

日期:2020-08-23 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板


拷贝编码
编码以下:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF⑻">
<title>Document</title>
<link rel="stylesheet" href="a.css">
</head>
<body></p> <p>如果1个以前与你患难与共、相伴多年的<span class="nav">盆友<div>刚开始冷淡你,乃至是决裂,这肯定令人觉得十分不太好受。</div></span>若你正遭到友谊破裂的伤痛,这里出示几个方式协助你早点修复精神实质、再次向前。
写下你的体会
干万不必低估文本的能量。在你觉得恼怒或是疑惑的情况下,写下你的体会这个行为,可以协助你发泄心态,而且厘清事儿的实情。
好像名媛芭黎丝.希尔顿,与她以前的知己<span class="nav">死党<div>妮可里奇</div></span>著名的决裂恶性事件产生时,芭黎丝就因而写了1首歌《妒忌》,1段歌词內容是这么写的:“以往的我一直高兴/当我看着你变成闪耀的巨星/你却变得只在/全球揭我疮疤时觉得高兴”
</div>
</body>
</html>


拷贝编码
编码以下:

.nav{
font-size: 1.0em;
position:relative;
color:red;
}</p> <p>.nav div{
position:relative;
background: red;
display: none;
color: white;
padding: 5px 11px 2px 11px;
}</p> <p>.nav:hover div{
float:left;
display: inline;
left:0;
top:1.1em;
border-bottom-style: solid;
border-width:5px;
border-color:red;
position: absolute;
min-width: 100px;
}