绘制胡子的步骤：
步骤1： 创建一个黑色圆，圆角半径为50％，宽度和高度为180px
为了保持圆在中间，在左边加350px；为了要使圆可见，可添加背景色作为当前颜色。使用CurrentColor值的好处是更改颜色徽标，以便自动更改背景。
效果图：
步骤2： 使用box-shadow添加框阴影，使页面中间有两个圆
css样式
效果图：
步骤3： 使用::before元素添加左胡须
● 将::before元素添加到div，并添加position， top，width， height， border。
● 同时添加border-radius属性，直到弧线需要形成胡须。
● 固定旋转原点，使左胡须末端准确到达，然后以-40度角旋转。
添加.mustache::before样式
效果图：
步骤4： 使用::after元素添加右胡须
● 将::after元素添加到div，并添加position， top，width， height， border。
● 同时添加border-radius属性，直到弧线需要形成胡须。
● 固定旋转原点，使右胡须末端准确到达，然后以40度角旋转。
添加.mustache::after样式
效果图：
更多 web开发 知识，请查阅 HTML中文网 ！！
纯文字，不考虑用图片之类的其他元素做装饰，css排版的话基本上你只能做下面一些设置：字体、行距、间距、字距、首字缩进、首字下沉、颜色、标题大小、粗体、斜体、下划线...
以上css基础知识请自行百度；css font
程序的问题，我觉得你概念上错了，假设有一篇新闻是这样的：
标题：小明上学的故事
内容：我是小明，今年7岁，明天我就要开始上学了，多么期待啊！
那么这个新闻保存到数据库，数据库对应的表里面就必须有 标题 和 内容 两个字段，我还假设了一些其他字段：
newstitle(字段)：存放标题
------------------------------
newstxt(字段)：存放内容
------------------------------
name(字段)：存放作者名字
------------------------------
time(字段)：存放新闻发布日期
------------------------------
然后你的web程序应该是这样的：
------------------------------
<h1>XXX程序代码：读取数据库newstitle标题字段XXX</h1>
<h3>作者：XXX程序代码：读取数据库name作者名字XXX</h3>
<p>XXX程序代码：读取数据库newstxt文章内容XXX</p>
<p class="time">XXX程序代码：读取数据库time发布日期XXX</p>
然后由此程序产生的html到客户端就是下面这样：
------------------------------
<h1>小明上学的故事</h1>
<h3>作者：小明</h3>
<p>我是小明，今年7岁，明天我就要开始上学了，多么期待啊！</p>
<p class="time">2012-04-01</p>
然后，你就可以写样式表来控制h1、h3、p或网页里面的其他元素的样子了，比如：
h1{color:redfont-size:18px}
h3{font-size:10px}
p{font-size:12pxline-height:1.8}
.time{font-size:10pxcolor:#333}
css中添加边框的代码为
border: width style color /*分别设置边框粗细、样式、颜色*/示例如下：
创建Html元素：一个包含文章内容的div
<div class="post">这是示例的文章。</div>设置css样式
div.post{width:400pxheight:100px
padding:10px
border:2px solid #ebbccb /*设置边框为2px粗，实线，#ebbccb色*/
}
观察显示效果
