CSS排版模板试验场

[\星尘/]

卷轴型

你的内容可以在这里输入。
你可以在此处填入任意文字或其他BBCode内容。
例如：加粗文字，斜体文字，下划线，等等。

代码: [选择]

[center]
[font=;display:block;margin-left:0px;background:url('这里图片纹理链接');background-repeat:repeat-y;width:800px;padding:20px;color:#333;font-size:14pt;background-size: 100% 300%;border-left:5px solid #c8b68f;border-right:5px solid #c8b68f;box-shadow:0 0 10px rgba(0, 0, 0, 0.5);]
你的内容可以在这里输入。
你可以在此处填入任意文字或其他BBCode内容。
例如：[b]加粗文字[/b]，[i]斜体文字[/i]，[u]下划线[/u]，等等。
[/font][/center]


你的内容可以在这里输入。
你可以在此处填入任意文字或其他BBCode内容。
例如：加粗文字，斜体文字，下划线，等等。

代码: [选择]

[font=;display:block;margin-left:28px;width:838px;height:11px;background:url(/bbs/index.php?action=dlattach;topic=146394.0;attach=96809;image);background-repeat:no-repeat;background-size:100%][/font][font=;display:block;margin-left:28px;width:806px;background-color:#dae4c1;box-shadow:0 8px 8px 0 #aaa;border:1px solid #d4d0ce;padding:15px]
你的内容可以在这里输入。
你可以在此处填入任意文字或其他BBCode内容。
例如：[b]加粗文字[/b]，[i]斜体文字[/i]，[u]下划线[/u]，等等。
[/font][font=;display:block;margin-left:28px;width:838px;height:11px;background:url(/bbs/index.php?action=dlattach;topic=146394.0;attach=96811;image);background-repeat:no-repeat;background-size:100%][/font][/spoiler]
生物图鉴傻瓜式生成器 https://www.goddessfantasy.net/bbs/index.php?topic=151996.0

大标题^[1]英文标题
斜体描述


属性

力量敏捷体质智力感知魅力23（+6）
23（+6）
22（+6）
20（+5）
18（+4）
21（+5）


BAB +13；CMB +19；CMD 35
专长
技能
语言
特质

二级标题

加粗标签 内容
加粗标签 内容
加粗标签 内容

二级标题

加粗标签 内容
加粗标签 内容
加粗标签 内容

二级标题

你的内容可以在这里输入。
你可以在此处填入任意文字或其他BBCode内容。
例如：加粗文字，斜体文字，下划线，等等。

代码: [选择]

[font=;display:block;margin-left:20px;width:440.5px;height:4px;background:url(/bbs/index.php?action=dlattach;topic=146394.0;attach=96807;image);background-position:center;background-size:100% 100%][/font][font=;display:block;margin-left:22px;width:405.5px;background:url(/bbs/index.php?action=dlattach;topic=146394.0;attach=96805;image);box-shadow:0 8px 8px 0 #aaa;border:1px solid #d4d0ce;padding:15px][size=18pt][color=brown][b]大标题[/b][sup][1][/sup][b]英文标题[/b][/color][/size]
[size=10pt][i]斜体描述[/i][/size]
[font=;display:block;background-color:brown;height:3px;margin-top:5px;margin-bottom:-12px][/font]

[color=brown][size=12pt][b]属性[/b][/size][/color]
[font=;display:block;background-color:brown;height:3px;margin-top:5px;margin-bottom:-12px][/font]
[font=;display:table;width:405.5px;text-align:center;margin-top:5px;margin-bottom:-15px][font=;display:table-row;height:20px;font-weight: bold][font=;display:table-cell]力量[/font][font=;display:table-cell]敏捷[/font][font=;display:table-cell]体质[/font][font=;display:table-cell]智力[/font][font=;display:table-cell]感知[/font][font=;display:table-cell]魅力[/font][/font][font=;display:table-row;width:405.5px;height:20px][font=;display:table-cell;力量:]23（+6）
[/font][font=;display:table-cell;敏捷:]23（+6）
[/font][font=;display:table-cell;体质:]22（+6）
[/font][font=;display:table-cell;智力:]20（+5）
[/font][font=;display:table-cell;感知:]18（+4）
[/font][font=;display:table-cell;魅力:]21（+5）
[/font][/font][/font]
[font=;display:block;background-color:brown;height:3px;margin-top:5px;margin-bottom:-12px][/font]
[b]BAB[/b] +13；[b]CMB[/b] +19；[b]CMD[/b] 35
[b]专长[/b]
[b]技能[/b]
[b]语言[/b]
[b]特质[/b]

[color=brown][size=12pt][b]二级标题[/b][/size][/color]
[font=;display:block;background-color:brown;height:3px;margin-top:5px;margin-bottom:-12px][/font]
[b]加粗标签 [/b] 内容
[b]加粗标签 [/b] 内容
[b]加粗标签 [/b] 内容

[color=brown][size=12pt][b]二级标题[/b][/size][/color]
[font=;display:block;background-color:brown;height:3px;margin-top:5px;margin-bottom:-12px][/font]
[b]加粗标签 [/b] 内容
[b]加粗标签 [/b] 内容
[b]加粗标签 [/b] 内容

[color=brown][size=12pt][b]二级标题[/b][/size][/color]
[font=;display:block;background-color:brown;height:3px;margin-top:5px;margin-bottom:-12px][/font]
你的内容可以在这里输入。
你可以在此处填入任意文字或其他BBCode内容。
例如：[b]加粗文字[/b]，[i]斜体文字[/i]，[u]下划线[/u]，等等。
[/font][font=;display:block;margin-left:20px;width:440.5px;height:4px;background:url(/bbs/index.php?action=dlattach;topic=146394.0;attach=96807;image);background-position:center;background-size:100% 100%][/font]

[\星尘/]

黑白框
这是抄Fessus化的蛇蛇先生的战报的。

        方框标题
副标题
       
   


圆框标题

正文


圆框标题

正文

代码: [选择]

[center][font=; display: block; padding: 1em; width:900px; background-color: black;]
[font=; display: block; padding: 1em; background-color: black; width:800px; height:75px; border: 1px solid white; position: relative;]
        [font=; display: block; padding: 1em; border: 1px solid white; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; color: white;][size=18pt]方框标题[/size]
副标题
        [/font]
    [/font]


[font=; display: block; padding: 1em; background-color: black; border: 2px solid white; width:800px; border-radius: 15px; color: white;][size=12pt]圆框标题[/size]

正文
[/font]

[font=; display: block; padding: 1em; background-color: black; border: 2px solid white; width:800px; border-radius: 15px; color: white;][size=12pt]圆框标题[/size]

正文
[/font]
[/font][/center]


EP 01
章节标题

代码: [选择]

[center][font=;display:block;margin-left:0px;width:836px;height:11px;background:url(/bbs/index.php?action=dlattach;topic=146394.0;attach=96809;image);background-repeat:no-repeat;background-size:100%][/font][font=;display:block;margin-left:0px;width:806px;background-color:black;box-shadow:0 8px 8px 0 #aaa;border-top:1px solid white;border-bottom:1px solid white;padding:15px][size=18pt][color=white]EP 01[/color][/size]
[color=white][size=18pt][b][img width=30 height=20]左侧点缀图标URL[/img] 章节标题 [img width=30 height=20]右侧点缀图标URL[/img][/b][/size][/color][/font][font=;display:block;margin-left:0px;width:836px;height:11px;background:url(/bbs/index.php?action=dlattach;topic=146394.0;attach=96811;image);background-repeat:no-repeat;background-size:100%][/font][/center]

这里是LOG正文

代码: [选择]

[center][font=; display: block; padding: 1em; margin-left:0px;width:710px;background-color: black;][font=; display: block; padding: 1em; background-color: black; border: 3px double white; color: white;text-align: left;]
这里是LOG正文
[/font][/font][/center]

[\星尘/]

炫彩模式，启动

你的内容在这里

你的内容在这里

你的内容在这里

你的内容在这里

代码: [选择]

[center][font=; display: block; margin-left: 0px; width: 90%; background-color: #000; color: #00FF00; padding: 20px; border: 2px solid #00FF00; border-radius: 10px; box-shadow: 0 0 10px #00FF00; text-align: center; font-family: monospace;]
你的内容在这里
[/font][/center]

[center][font=; display: block; margin-left: 0px; width: 85%; background: linear-gradient(45deg, #ff0000, #0000ff); padding: 20px; border: 3px double #FFF; color: #FFF; text-shadow: 2px 2px #000; box-shadow: 0 0 10px #FF0000, 0 0 20px #0000FF; text-align: center;]
你的内容在这里
[/font][/center]

[center][font=; display: block; margin-left: 0px; width: 80%; background: #FFF; color: #000; padding: 20px; border: 2px solid #000; border-radius: 15px; box-shadow: 0 0 15px rgba(0,0,0,0.5); text-align: left; font-family: 'Arial', sans-serif; letter-spacing: 1px; line-height: 1.5;]
你的内容在这里
[/font][/center]

[center][font=; display: block; padding: 2em; margin-left: 0px; width: 75%; background: linear-gradient(to bottom, #f7e3b9, #c6aa76); border: 3px solid #8d7d56; border-radius: 10px; box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2); font-family: 'Courier New', monospace; color: #513C23; text-align: justify;]
你的内容在这里
[/font][/center]

[\星尘/]

科幻风

未来纪元

第一章：星际探索

在这里输入您的正文内容。这是一个科幻风格的文本框，适合描述未来世界和太空探索的故事。

代码: [选择]

[center][table][tr][td][font=; display: block; margin-left:0px; width:800px; background: linear-gradient(to right, #000428, #004e92); color: #00ffff; text-align: center; padding: 20px; border: 2px solid #00ffff; box-shadow: 0 0 10px #00ffff;][size=24pt][b]未来纪元[/b][/size][/font][/td][/tr][/table][/center]

[center][table][tr][td][font=; display: block; margin-left:0px; width:780px; background-color: #001f3f; color: #7fdbff; text-align: left; padding: 10px; border-left: 5px solid #00ffff;][size=14pt][b]第一章：星际探索[/b][/size][/font][/td][/tr][/table][/center]

[center][table][tr][td][font=; display: block; margin-left:0px; width:760px; background-color: #002b36; color: #839496; text-align: justify; padding: 15px; border: 1px solid #00ffff; border-radius: 5px;]在这里输入您的正文内容。这是一个科幻风格的文本框，适合描述未来世界和太空探索的故事。[/font][/td][/tr][/table][/center]

现实主义风格

城市纪实

第一章：都市生活

在这里输入您的正文内容。这是一个现实主义风格的文本框，适合描述日常生活和社会观察。

代码: [选择]

[center][table][tr][td][font=; display: block; margin-left:0px; width:800px; background-color: #f4f4f4; color: #333; text-align: center; padding: 20px; border-bottom: 3px solid #333;][size=24pt][b]城市纪实[/b][/size][/font][/td][/tr][/table][/center]

[center][table][tr][td][font=; display: block; margin-left:0px; width:780px; background-color: #e0e0e0; color: #555; text-align: left; padding: 10px; border-left: 5px solid #888;][size=14pt][b]第一章：都市生活[/b][/size][/font][/td][/tr][/table][/center]

[center][table][tr][td][font=; display: block; margin-left:0px; width:760px; background-color: #fff; color: #333; text-align: justify; padding: 15px; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0,0,0,0.1);]在这里输入您的正文内容。这是一个现实主义风格的文本框，适合描述日常生活和社会观察。
[/font][/td][/tr][/table][/center]

奇幻风格

魔法王国

第一章：神秘森林

在这里输入您的正文内容。这是一个奇幻风格的文本框，适合描述魔法、神秘生物和奇幻冒险。

代码: [选择]

[center][table][tr][td][font=; display: block; margin-left:0px; width:800px; background: url(图链); color：#ffd700; text-align: center; padding：20px; border：3px double #ffd700; text-shadow: 2px 2px 4px #000;][size=24pt][b]魔法王国[/b][/size][/font][/td][/tr][/table][/center] [/center]。

[center][table][tr][td][font=; display: block; margin-left:0px; width:780px; background-color: #4b0082; color: #e6e6fa; text-align: left; padding: 10px; border-left: 5px solid #9932cc;][size=14pt][b]第一章：神秘森林[/b][/size][/font][/td][/tr][/table][/center]

[center][table][tr][td][font=; display: block; margin-left:0px; width:760px; background-color: #f0f8ff; color: #4b0082; text-align: justify; padding: 15px; border: 2px solid #9932cc; border-radius: 10px; box-shadow: 0 0 10px #e6e6fa;]在这里输入您的正文内容。这是一个奇幻风格的文本框，适合描述魔法、神秘生物和奇幻冒险。[/font][/td][/tr][/table][/center]

中国风

山水长卷

第一章：竹林幽径

在这里输入您的正文内容。这是一个中国风格的文本框，适合描述传统文化、诗词歌赋和山水画意。

代码: [选择]

[center][table][tr][td][font=; display: block; margin-left:0px; width:800px; background: url(纹理); color: #8b0000; text-align: center; padding: 20px; border: 2px solid #8b0000;][size=24pt][b]山水长卷[/b][/size][/font][/td][/tr][/table][/center]

[center][table][tr][td][font=; display: block; margin-left:0px; width:780px; background-color: #f5deb3; color: #8b4513; text-align: left; padding: 10px; border-left: 5px solid #d2691e;][size=14pt][b]第一章：竹林幽径[/b][/size][/font][/td][/tr][/table][/center]

[center][table][tr][td][font=; display: block; margin-left:0px; width:760px; background-color: #fffaf0; color: #000000; text-align: justify; padding: 15px; border: 1px solid #d2691e; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);]在这里输入您的正文内容。这是一个中国风格的文本框，适合描述传统文化、诗词歌赋和山水画意。[/font][/td][/tr][/table][/center]日式风格

樱花物语

第一章：春日祭

在这里输入您的正文内容。这是一个日式风格的文本框，适合描述樱花、和服、茶道等日本文化元素。

代码: [选择]

[center][table][tr][td][font=; display: block; margin-left:0px; width:800px; background: url(纹理); color: #fff; text-align: center; padding: 20px; border: 3px solid #ff69b4;][size=24pt][b]樱花物语[/b][/size][/font][/td][/tr][/table][/center]

[center][table][tr][td][font=; display: block; margin-left:0px; width:780px; background-color: #f0f8ff; color: #4169e1; text-align: left; padding: 10px; border-left: 5px solid #ff69b4;][size=14pt][b]第一章：春日祭[/b][/size][/font][/td][/tr][/table][/center]

[center][table][tr][td][font=; display: block; margin-left:0px; width:760px; background-color: #fff; color: #333; text-align: justify; padding: 15px; border: 1px solid #ff69b4; border-radius: 0; box-shadow: 3px 3px 0 #ff69b4;]在这里输入您的正文内容。这是一个日式风格的文本框，适合描述樱花、和服、茶道等日本文化元素。[/font][/td][/tr][/table][/center]