div+js实现彩票号码生成器代码
代码语言:html
所属分类:表单美化
代码描述:div+js实现彩票号码生成器代码,可设置生成规则并调整参数。
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
*, *::before, *::after { box-sizing: border-box;}
body {
--c: #DDA951;
background-color: #000;
color: var(--c);
display: grid;
font-family: ui-sans-setif, system-ui, sans-serif;
font-variant-numeric: tabular-nums;
padding: 1ch;
}
button {
border: 0;
border-radius: 3ch;
cursor: pointer;
font-size: inherit;
margin-block: 1ch 2ch;
padding: 1.5ch 3ch;
}
button, legend, th {
background-color: var(--c);
color: #000;
}
fieldset {
margin-block-end: 2ch;
}
fieldset, input {
border: 1px solid currentColor;
border-radius: .25em;
color: currentColor;
}
form {
font-size: small;
}
h1 {
font-weight: 600;
margin-block: 0 .5ch;
}
input:focus-visible {
outline: 2px solid currentColor;
}
fieldset,
label {
display: grid;
gap: 1ch;
}
legend {
border-radius: .25em;
padding: .5ch 1.25ch;
}
input {
background: transparent;
padding: 1ch;
}
table {
border-spacing: 1ch;
}
td, th {
border: 1px solid currentColor;
border-radius: 50%;
font-weight: 400;
padding: 1ch;
}
@media (min-width: 700px) {
body {
grid-template-columns: 1fr min-content;
}
form {
inline-size: fit-content;
}
}
</style>
</head>
<body >
<main>
<h1>Lottery Number Generator</h1>.........完整代码请登录后点击上方下载按钮下载查看
网友评论0