查看“海岛植物图鉴”的源代码

<div style="border-radius: 30px;position: relative;">
<center>
<div style="width:100%;height:28px;font-weight: bold;background:#c3a980;text-align:center;border-radius: 15px 15px 0 0;font-size: 20px;">植物图鉴</div>
<div style="width:100%;height:22px;font-weight: bold;text-align:center;font-size: 15px;color:#fff;background:#c3a980;font-family: Georgia, serif;">点击种子可以查看放大效果</div>
<div class="wrap-content chuanwen dxtext-yh" style="border: #cbbba4 1px solid;display: inline-flex;flex-direction: column;height:580px; width:100%;border-radius: 0 0 15px 15px;">
<center>
{|style="width:98%;text-align: center;" 
|-
!style="width:33%;text-align: center;" |
!style="width:33%;text-align: center;" |
!style="width:33%;text-align: center;" |
|<br>
|-class="small" 
|<div class="alert alert-warning"  role="alert"><div class="name">风扇蒲葵</div>
殿下一直在思考利用风扇蒲葵乘风飞出海岛的可能性，对着它喊无君开阵。
{{海岛植物|风扇蒲葵|红|出海}}{{海岛植物|风扇蒲葵|赭|出海}}{{海岛植物|风扇蒲葵|茜|出海}}{{海岛植物|风扇蒲葵|蓝|种植}}{{海岛植物|风扇蒲葵|青|种植}}{{海岛植物|风扇蒲葵|绿|11级}}</div>
|<div class="alert alert-warning" role="alert"><div class="name">钓鱼藤</div>
如果这种藤草能移栽回广陵的话，陈登应该会很喜欢吧?
{{海岛植物|钓鱼藤|红|出海}}{{海岛植物|钓鱼藤|赭|出海}}{{海岛植物|钓鱼藤|茜|出海}}{{海岛植物|钓鱼藤|蓝|19级}}{{海岛植物|钓鱼藤|青|种植}}{{海岛植物|钓鱼藤|白|种植}}</div>
|<div class="alert alert-warning" role="alert"><div class="name">兔耳灵芝</div>
谁家好人种的灵芝会长出兔耳朵啊 ? 而且看见美人就会凑过去……
{{海岛植物|兔耳灵芝|红|出海}}{{海岛植物|兔耳灵芝|赭|出海}}{{海岛植物|兔耳灵芝|茜|出海}}{{海岛植物|兔耳灵芝|蓝|9级}}{{海岛植物|兔耳灵芝|青|种植}}{{海岛植物|兔耳灵芝|绿|种植}}</div>
|-class="small" 
|<div class="alert alert-warning"  role="alert"><div class="name">鹦鹉花</div>
可食用。由于吃起来略惊悚，所以一般用于观赏。
{{海岛植物|鹦鹉花|红|贵客}}{{海岛植物|鹦鹉花|赭|尊客}}{{海岛植物|鹦鹉花|茜|熟客}}{{海岛植物|鹦鹉花|蓝|26级}}{{海岛植物|鹦鹉花|青|种植}}{{海岛植物|鹦鹉花|棕|种植}}</div>
|<div class="alert alert-warning"  role="alert"><div class="name">爆竹花</div>
非常危险的植物，开花时会大爆炸。
{{海岛植物|爆竹花|红|贵客}}{{海岛植物|爆竹花|赭|尊客}}{{海岛植物|爆竹花|茜|尊客}}{{海岛植物|爆竹花|蓝|种植}}{{海岛植物|爆竹花|青|7级}}{{海岛植物|爆竹花|白|种植}}</div>
|<div class="alert alert-warning"  role="alert"><div class="name">虎尾草</div>
长得像老虎尾巴，摸着也像老虎尾巴，吃起来……天尊啊，它会动。
{{海岛植物|虎尾草|赭|尊客}}{{海岛植物|虎尾草|茜|熟客}}{{海岛植物|虎尾草|青|种植}}{{海岛植物|虎尾草|绿|种植}}{{海岛植物|虎尾草|棕|4级}}{{海岛植物|虎尾草|灰|尊客}}</div>
|-class="small" 
|<div class="alert alert-warning"  role="alert"><div class="name">笔头草</div>
拿笔头草写字画画，优点是不用花钱，缺点是一旦闻到茶香就会枯萎……
{{海岛植物|笔头草|赭|贵客}}{{海岛植物|笔头草|茜|熟客}}{{海岛植物|笔头草|蓝|24级}}{{海岛植物|笔头草|青|种植}}{{海岛植物|笔头草|紫|尊客}}{{海岛植物|笔头草|灰|种植}}</div>
|<div class="alert alert-warning"  role="alert"><div class="name">酒壶椰</div>
酒壶椰子的椰青水风味奇特，既有酒味又有椰香。晃一晃，能听见“椰来”的声音?
{{海岛植物|酒壶椰|红|贵客}}{{海岛植物|酒壶椰|赭|尊客}}{{海岛植物|酒壶椰|茜|尊客}}{{海岛植物|酒壶椰|蓝|21级}}{{海岛植物|酒壶椰|白|种植}}{{海岛植物|酒壶椰|灰|种植}}</div>
|<div class="alert alert-warning"  role="alert"><div class="name">骰子果</div>
有骰子点数的奇异果实，现剥现用，不容易做手脚。
{{海岛植物|骰子果|红|贵客}}{{海岛植物|骰子果|赭|尊客}}{{海岛植物|骰子果|茜|尊客}}{{海岛植物|骰子果|蓝|16级}}{{海岛植物|骰子果|青|种植}}{{海岛植物|骰子果|白|种植}}</div>
|-class="small" 
|<div class="alert alert-warning"  role="alert"><div class="name">拐杖枣</div>
剥开酷似拐杖的外壳，里面是酸酸甜甜的果肉。
{{海岛植物|拐杖枣|红|贵客}}{{海岛植物|拐杖枣|赭|尊客}}{{海岛植物|拐杖枣|茜|尊客}}{{海岛植物|拐杖枣|蓝|14级}}{{海岛植物|拐杖枣|白|种植}}{{海岛植物|拐杖枣|灰|种植}}</div>
|<div class="alert alert-warning"  role="alert"><div class="name">海岛橘树</div>
海岛橘树，大橘大利！
{{海岛植物|海岛橘树|红|繁荣度1w}}{{海岛植物|海岛橘树|茜|尊客}}{{海岛植物|海岛橘树|蓝|5级}}{{海岛植物|海岛橘树|青|30级}}{{海岛植物|海岛橘树|紫|尊客}}</div>
|}
</center></div></center>


{{#css:
    <!-- ↓表格标题-->
 .wikitable_haidao > caption {
 	font-size: 25px;<!--字体大小 -->
    font-weight:700
	height:40px;<!--行高 -->
	text-align: center; <!-- 文字居中-->
    padding: 5px 7px;<!--表格内上边距、左边距 -->
    color:#AE8E6F;<!-- 文字颜色 -->
font-family: Georgia, serif;
 }
 <!-- ↓表格通用 -->
 .wikitable_haidao {
	width:90%;<!--表格宽度 -->
	font-size: 15px;<!--字体大小 -->
	height:30px;<!--行高 -->
    margin: auto;<!-- 表格在页面剧中 -->
    color:#AE8E6F;<!-- 文字颜色 -->
    text-align: center; <!-- 文字居中-->
    background-color: #FFDDB3; <!--背景颜色-->
	}
.wikitable_haidao > tbody > tr > td {
		padding: 3px 7px;<!--表格内上边距、左边距 -->
        border: 1px solid #cbbba4;<!-- 表格正文边框颜色及粗细 -->
	}
    <!-- ↓标题行属性 -->
.wikitable_haidao > tbody > tr > th {
		padding: 10px 10px;
		text-align: center; 
        border: rgb(255,255,255,0) solid 1px;
		border-bottom: #2F1901 solid 3px;
		background-color: #C3A980;  
		color:#2F1901
	}
       <!-- ↓设置标题行圆角属性 --> 
.wikitable_haidao > tbody > tr > th:first-child {
        border-radius: 15px 0px 0px 0px;<!--左上角 -->
	}   
.wikitable_haidao > tbody > tr > th:last-child {
        border-radius: 0px 15px 0px 0px;<!--右上角 -->
	}   
       <!-- ↓行hover属性 --> 
	.wikitable_haidao > tbody > tr:hover {
		background-color:rgb(67,39,1,0.25);
	}
	.wikitable_haidao > tbody > tr:first-child:hover {
		background-color: rgb(19,19,19);
	}
    	.small{
		zoom: 0.75;
     text-align: center;
	}
.title{
color:#c3a980;
text-align:center;
font-size:12px;
margin:9px 30px;
padding3px;
text-shadow:0.5px #F0D37D;
text-align: center;
border-radius: 15px 0px 15px 0px;
border: #cbbba4 0.5px solid;
}
.name{
color:#c3a980;
text-align:center;
font-size:18px;
margin:5px 20px;
text-shadow:0.5px #F0D37D;
text-align: center;
}
.alert-warning{
text-align: center;
background:rgb(255,255,255,0.3) !important;
width:98%;
padding:5px !important;
margin:5px !important;
margin-bottom:10px !important;
border-radius: 10px;
border: #cbbba4 1px solid;
}
@media only screen and (max-width:600px){
.alert-warning{
min-height:740px !important;
}
.small{
zoom: 0.75;
	}
}
    }}